## mini-css-extract-plugin css-loader 会把样式字符串存储到js文件中，style-loader 会把样式字符串添加到style标签中。   这样会使js文件比较大，影响加载速度。 解决办法：**分离js中的css文件，css文件单独打包。并引入到html中**。 1. 安装 mini-css-extract-plugin 插件 **npm install mini-css-extract-plugin -D** 2. 修改配置 ``` module: { rules: [ { test: /\.css$/, use: [ MiniCssExtractPlugin.loader, { loader: "css-loader" } ] } }, plugins: [ new MiniCssExtractPlugin({ // 压缩打包css 文件插件 filename: "css/[name].css" // 打包后最终生成的 dist 文件里面的 打包后的 css 文件 })] ```