sass-loader 前置 @import答案

【问题标题】：sass-loader prepend @importsass-loader 前置 @import
【发布时间】：2020-07-10 18:29:51
【问题描述】：

尝试将全局样式导入添加到每个 *.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 文件中添加导入？

谢谢

【问题讨论】：

标签： javascript webpack sass-loader

【解决方案1】：

谁偶然发现了这个问题，

我通过将 .scss 文件名更改为独特的名称解决了这个问题。

在它是“基础”之前，我在 /node_modules/ 的某个地方有一个 base.js，导入解决了它而不是我想要的 .scss 文件。

【讨论】：