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壓縮。