使用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']; 
});