Webpack mini-css-extract-plugin没有加载主css包

Question

我用mini-css-extract-plugin提取我的应用程序的CSS。它确实有效，因为它正确地提取和分割我的导入组件的css。它还提取到＆＃39; main.css＆＃39;，其中是来自未动态导入的模块的样式。

但是，最后一个文件main.css并没有加载到我的应用程序中。我是否需要使用<link>手动加载此文件？

Webpack：4.12.0

mini-css-extract-plugin：0.4.0

我的配置：

plugins: [
    new webpack.optimize.ModuleConcatenationPlugin(),
    new MiniCssExtractPlugin({
        filename: 'main.css',
        chunkFilename: '[name].[contenthash].css',
    }),
],

module: {
    rules: [
    {
        test: /\.(css|less)$/,
        exclude: /node_modules/,
        use: [
            MiniCssExtractPlugin.loader,
            {
                loader: 'css-loader',
                options: {
                    modules: true,
                    localIdentName: '[name]__[local]',
                },
            },
            {
                loader: 'less-loader',
                options: {
                    javascriptEnabled: true,
                },
            },
        ],
    }
]