sass-loader prepend @import

Question

尝试将全局样式导入预先添加到每个*.scss文件。我的相关的webpack配置是

{
    test: /\.scss$/i,
    use: [
        'style-loader',
        'css-loader',
        {
            loader: 'sass-loader',
            options: {
                sassOptions: {
                    includePaths: [
                        path.resolve(__dirname, 'path-to-global-style-dir'),
                    ],
                },
                prependData: `        
                    @import "${path.resolve(__dirname, 'path-to-global-style.scss')}";
                `,
            },
        },
    ],
},

我收到以下错误-

SassError: Invalid CSS after "'": expected 1 selector or at-rule, was "'use strict';"

我用的是webpack 4.42.1，sass-loader 8.0.2

有人知道如何修复这个错误吗？或者是否有其他方法可以预先导入到每个.scss文件中？

谢谢

Answer 1

谁偶然发现了这个问题，

我解决这个问题的方法是将.scss文件名改为唯一的文件名。

在它是"base“之前，我在/node_ base.js /中的某个地方有一个模块，导入解决了它，而不是我想要的.scss文件。