如何使用Webpacker将`includePaths`添加到Sass loader

Question

我覆盖了sass-loader配置，以包括node_modules路径：

// config/webpack/environment.js

const { environment } = require('@rails/webpacker')

environment.loaders.prepend('sass', {
    test: /\.(css|scss|sass)$/,
    use: [{
        loader: 'style-loader'
    }, {
        loader: 'css-loader'
    }, {
        loader: 'sass-loader',
        options: {
            includePaths: ['node_modules'],
        }
    }]
})

module.exports = environment

Webpack编译没有错误，但是不再输出application.css包。

我进行了更改，因为从我的Sass文件中导入的NPM插件（从其他插件中导入代码）在编译时会导致错误。

Answer 1

找到了解决方案：

environment.loaders.get('sass').use.find(item => item.loader === 'sass-loader').options.includePaths = ['node_modules']