Конфликт: несколько блоков генерируют ресурсы с одним и тем же именем ./plugin.min.css

Question

Я получаю эту ошибку при сборке веб-пакета:

ОШИБКА в чанке plugin.min [entry] ./plugin.min.css Конфликт: несколько блоков генерируют ресурсы с одним и тем же именем файла ./plugin.min.css (фрагменты 0 и 1)

Вот мой файл webpack.config.js :

const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const debug = process.env.NODE_ENV !== 'production';
const webpack = require('webpack');

var extractBlockSCSS = new MiniCssExtractPlugin({
  filename: "./plugin.min.css",
})

var plugins = [
    extractBlockSCSS
];

var scssConfig = [
    {
        loader: process.env.NODE_ENV !== 'production' ? 'style-loader' : MiniCssExtractPlugin.loader,
    }, 
    {
      loader: 'css-loader',
      options: {
        sourceMap: true
      }
    },
    {
      loader: 'sass-loader',
      options: {
        sourceMap: true
      }
    }
];

var config = {
    context: __dirname,
    devtool: debug ? 'inline-sourcemap' : false,
    mode: debug ? 'development' : 'production',
    entry: {
        'plugin.min': './resources/js/entry.js',
        'blocks.build': './resources/blocks/blocks.js'
    },
    output: {
        path: __dirname + '/dist/',
        filename: '[name].js',
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: [
                    {
                        loader: 'babel-loader'
                    }
                ]
            },
            {
                test: /\.scss$/,
                exclude: /node_modules/,
                use: scssConfig
            }
        ]
    },
    plugins: plugins
};

module.exports = (env, argv) => {
    return config;
};

Я предполагаю, что это потому, что я использую тот же экстрактзаблокировать имя файла?У меня есть несколько точек входа, поэтому я не уверен, что это может вызвать ошибку, которую я вижу.Нужно ли добавлять дополнительные имена файлов CSS / мини-плагины для CSS?

Answer 1

Попробуйте, используя mini-css-extract-plugin

new MiniCssExtractPlugin({
    filename: "[name]/../style.css"
}),