Как предотвратить объединение файлов scss при компиляции веб-пакетов? - PullRequest
Новая
       21

Как предотвратить объединение файлов scss при компиляции веб-пакетов?

0 голосов
/ 28 февраля 2019

Добрый день, ребята.Я не понимаю, почему webpack компилирует 2 разных файла .scss

enter image description here

в один файл .css

enter image description here

Как предотвратить объединение при компиляции?

Это мой конфигурационный файл веб-пакета: 

module.exports = {
    output: {
        path: path.resolve(__dirname, '../dist'),
        publicPath: '/dist/',
        filename: '[name].[chunkhash].js'
    },
    module: {
        noParse: /es6-promise\.js$/,
        rules: [
            {
                test: /\.css$/,
                use: [
                    'vue-style-loader',
                    'css-loader'
                ],
            },

            {
                test: /\.scss$/,
                use: isProd
                    ?
                    [MiniCssExtractPlugin.loader,
                    'css-loader',
                    'sass-loader']
                : ['vue-style-loader', 'css-loader', 'sass-loader']
            }
        ]
    },

    plugins: isProd
        ? [
            new VueLoaderPlugin(),

            new MiniCssExtractPlugin({
                filename: 'common.[chunkhash].css'
            })
        ]
        : [
            new VueLoaderPlugin(),
            new FriendlyErrorsPlugin()
        ]
}

какой-нибудь текст для начала спросить

...