npm | 插件 mini-css-extract-plugin

使用css-loader 和 style-loader对css文件进行处理后，css文件被作为模块也打包在了js文件中。实际生产环境，我们当然是希望js文件和css文件分离的，所以这里就可以使用mini-css-extract-plugin。

在看这篇博文之前，你应该看一下下面的博文。

• npm | loader style-loader和css-loader

mini-css-extract-plugin 是专门为 webpack4.x 设计的，如果 webapck3.x 使用它会报错

对 bootstrap 的应用

module.exports = {
    ...
    module: {
        rules: [
            {
                test: /\.css$/,
                use: [{
                    loader: MiniCssExtractPlugin.loader,
                    options: {
                        publicPath: './dist',
                    },
                }, {
                    loader: "css-loader",
                }
                ]
            },
            ...
        ]
    },
    plugins: [
    	...
        new MiniCssExtractPlugin({
            filename: 'style.css',
        }),
    ]
}

这个例子出自

• pose_score | 引入 bootstrap