跳到内容

CSS 预处理器:Sass 等,使用 Webpack Encore

编辑此页

要使用 Sass、LESS 或 Stylus 预处理器,请在 webpack.config.js 中启用您想要的一个

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
// webpack.config.js
// ...

Encore
    // ...

    // enable just the one you want

    // processes files ending in .scss or .sass
    .enableSassLoader()

    // processes files ending in .less
    .enableLessLoader()

    // processes files ending in .styl
    .enableStylusLoader()
;

然后重启 Encore。 当您这样做时,它会给您一个命令,您可以运行该命令来安装任何缺失的依赖项。 运行该命令并重启 Encore 后,就完成了!

您还可以将配置选项传递给每个加载器。 有关详细文档,请参阅 Encore 的 index.js 文件

本作品,包括代码示例,根据 Creative Commons BY-SA 3.0 许可协议获得许可。
目录
    版本