使用Webpack Encore进行Sass预处理：如何添加sass选项？

Question

我正在尝试配置Webpack Encore以将Foundation集成到我们的项目中。在这个page，据说萨斯选项可以使用像传递到喝采：

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。

Answer 1

我认为关键是includePaths应该是一个数组。如果你这样做，它应该工作：

var sassOptions = { 
    includePaths: ['node_modules/foundation-sites/scss'] 
}; 
Encore 
    // ... 
    .enableSassLoader(function(sassOptions) { 
     // https://github.com/sass/node-sass#options 
     // options.includePaths = [...] 
    }); 
; 

Answer 2

你试过吗？

.enableSassLoader(function(sassOptions) { 
    options.includePaths = ['node_modules/foundation-sites/scss']; 
}); 

OR

.enableSassLoader(function(sassOptions) { 
    sassOptions.includePaths = ['node_modules/foundation-sites/scss']; 
});