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 许可协议获得许可。