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

Question

我正在尝试配置 Webpack Encore 以将 Foundation 集成到我们的项目中。在page，据说可以使用以下方式将 Sass 选项传递到 Encore：

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

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

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

我是 Sass 和 Webpack 的新手。我可能缺少明显的东西。

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

或

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