如何防止在Webpack编译中合并CSS文件？

Question

大家好。我不明白为什么webpack会编译2个不同的.scss文件

在一个.css文件中

如何防止组合编译？

这是我的webpack配置文件：

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()
        ]
}

一些文字开始询问