Question

我正在尝试配置Webpack Encore以将Foundation集成到我们的项目中。在这个page，据说可以使用类似的东西将Sass选项传递给Encore：

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

如何在我的配置中传递Sass选项，例如以下（即基础的scss文件夹的路径）？

var sassOptions = {
    includePaths: 'node_modules/foundation-sites/scss'
};

我是Sass＆amp;的新手。的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'];
});

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

2 个答案: