sass-loader prepend @import - PullRequest
Новая
       44

sass-loader prepend @import

0 голосов
/ 30 марта 2020

Попытка добавить глобальный импорт стилей к каждому * .s css файлу. моя соответствующая конфигурация 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

кто-нибудь знает, как исправить эту ошибку? или есть другие подходы к предварительному импорту в каждый файл .s css?

спасибо

1 Ответ

0 голосов
/ 01 апреля 2020

Кто когда-либо сталкивался с этим вопросом,

Я решил это, изменив имя файла .s css на что-то уникальное.

до того, как оно стало "базовым", и у меня был base. js где-то внутри / node_modules /, и импорт разрешил его вместо моего желаемого .s css файла.

...