使用Webpack Encore进行Sass预处理:如何添加sass选项?
问题描述:
我正在尝试配置Webpack Encore以将Foundation集成到我们的项目中。在这个page,据说萨斯选项可以使用像传递到喝采:使用Webpack Encore进行Sass预处理:如何添加sass选项?
Encore
// ...
.enableSassLoader(function(sassOptions) {
// https://github.com/sass/node-sass#options
// options.includePaths = [...]
});
;
如何通过萨斯选项,如以下(即路径基金会的SCSS文件夹中)在我的配置?
var sassOptions = {
includePaths: 'node_modules/foundation-sites/scss'
};
我是Sass的新手& Webpack。我可能很明显缺少smthg。
答
我认为关键是includePaths应该是一个数组。如果你这样做,它应该工作:
var sassOptions = {
includePaths: ['node_modules/foundation-sites/scss']
};
Encore
// ...
.enableSassLoader(function(sassOptions) {
// https://github.com/sass/node-sass#options
// options.includePaths = [...]
});
;
答
你试过吗?
.enableSassLoader(function(sassOptions) {
options.includePaths = ['node_modules/foundation-sites/scss'];
});
OR
.enableSassLoader(function(sassOptions) {
sassOptions.includePaths = ['node_modules/foundation-sites/scss'];
});
+0
感谢您的回答@bawun。事实上,它现在正在工作,没有通过任何sassOptions(我当然只是添加.enableSassLoader())。我很困惑,因为我无法重现我几个月前的问题...... – juminet
嗨,这也不管用... – juminet