Webpack4.x CSS repeat packing problem

example: when a.js introduces a.css require b.jsreb. Js into b.css packaging, a.css actually contains b.css content. What"s going on? The following is my webpack.config.js configuration. I don"t know what"s wrong. Please give me some advice.

const path = require("path");
const htmlWebpackPlugin = require("html-webpack-plugin");
const cleanWebpackPlugin = require("clean-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");


var getHtmlConfig = function (filename,title) {
    return {
        template:"./src/" + filename + "/"+ filename + ".html",
        filename: filename + ".html",
        title:title,
        hash:true,
        chunks:[filename]
    }
}
module.exports = {
    entry: {
        index:"./src/index/index.js",
        test:"./src/test/test.js"
    },
    output: {
        filename: "./js/[name].bundle.js",
        path: path.resolve(__dirname,"dist"),
    },
    devServer:{
        contentBase: "./dist"
    },
    plugins: [
        new htmlWebpackPlugin(getHtmlConfig("index","index")),
        new htmlWebpackPlugin(getHtmlConfig("test","test")),
        new cleanWebpackPlugin(["dist"]),
        new MiniCssExtractPlugin({
            filename: "./css/[name].css",
            chunkFilename: "[id].css"
        })
    ],
    module:{
        rules:[
            {
                test: /\.css$/,
                use: [
                    MiniCssExtractPlugin.loader,
                    {
                        loader: "css-loader",
                        options: {
                          minimize: true
                        }
                    },
                ]
            },
            {
                test:/\.(png|svg|jpg|gif)$/,
                use:[
                    "file-loader"
                ]
            },
            {
                test: /\.(woff|woff2|eot|ttf|otf)$/,
                use:[
                    "file-loader"
                ]
            }
        ]
    }
Nov.08,2021

if you write this, you will definitely pack two copies, because you have two entrances

.
new MiniCssExtractPlugin({
    filename: "css/style.css",
    chunkFilename: "[id].css"
})
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b331e6-403f7.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b331e6-403f7.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?