webpack - Webpack mini-css-extract-plugin 未加载主 css 包

Question

我正在使用 mini-css-extract-plugin 提取我的应用程序的 css。它确实有效，因为它正确地提取和拆分了我导入的组件的 css。它还提取到“main.css”，其中是来自未动态导入的模块的样式。

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

网络包：4.12.0

迷你 CSS 提取插件：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,
                },
            },
        ],
    }
]

标签： webpackmini-css-extract-plugin