webpack4 css 文件提取 压缩 MiniCssExtractPlugin optimize-css-assets-webpack-plugin

1、使用的插件

MiniCssExtractPlugin：https://webpack.js.org/plugins/mini-css-extract-plugin/#src/components/Sidebar/Sidebar.jsx

注意：在webapck4中使用的是MiniCssExtractPlugin，而不是extract-text-webpack-plugin。

optimize-css-assets-webpack-plugin：https://webpack.js.org/plugins/mini-css-extract-plugin/#minimizing-for-production

 

 

2、原理

MiniCssExtractPlugin：将css提取到单独的文件中。使用optimization.splitChunks.cacheGroups属性提取到一个css中。

 

optimize-css-assets-webpack-plugin：css压缩。