Мой код scss не разбирается в CSS с авто-префиксом - PullRequest
Новая
       34

Мой код scss не разбирается в CSS с авто-префиксом

0 голосов
/ 11 июня 2019

Мой scss код не анализируется в CSS с автоматическим префиксом. Я использую Webpack 4. Я пытался с этим postcss.config.js. 

module: {
    rules: [
        {
            test: /\.(sa|sc|c)ss$/,
            use: [
                MiniCssExtractPlugin.loader,
                { loader: "css-loader", options: {} },
                {
                    loader: "postcss-loader",
                    options: {
                        ident: 'postcss',
                        plugins: [
                            require('autoprefixer')({
                                'browsers': ['> 1%', 'last 2 versions']
                            }),
                            require('cssnano')({ preset: 'default' })
                        ]
                    }
                },
                { loader: "sass-loader", options: {} }
            ]
        }

    ]
},

1 Ответ

0 голосов
/ 11 июня 2019

Добавьте параметр importLoaders к css-loader, чтобы указать, что перед ним находятся два других загрузчика: 

module: {
    rules: [
        {
            test: /\.(sa|sc|c)ss$/,
            use: [
                MiniCssExtractPlugin.loader,
                { loader: 'css-loader', options: { importLoaders: 2 } },
                {
                    loader: "postcss-loader",
                    options: {
                        ident: 'postcss',
                        plugins: [
                            require('autoprefixer')({
                                'browsers': ['> 1%', 'last 2 versions']
                            }),
                            require('cssnano')({ preset: 'default' })
                        ]
                    }
                },
                { loader: "sass-loader", options: {} }
            ]
        }

    ]
},
...