css error of asynchronously loaded components packaged by webpack4

I"ve tried allChunks:true, but I can"t parse it

related codes

const path = require ("path");
const ExtractTextPlugin = require ("extract-text-webpack-plugin");
module.exports = {

mode: "production",
devtool: "source-map",
entry: "./src/index.js",
output: {
    path: path.resolve(__dirname + "/dist"),
    filename: "index.js",
    chunkFilename:"[name].chunk.js",
    publicPath:"./dist/"
},
plugins: [
    new ExtractTextPlugin("style.css"),
],
module: {
    rules: [

        {
            test: /\.css$/,
            use: ExtractTextPlugin.extract({
                fallback: "style-loader",
                use: [{
                    loader: "css-loader",
                    options: {
                        minimize: true
                    }
                }]
            }),
        },

    ]
}

}