1. 程式人生 > >webpack4 css 檔案提取 壓縮 MiniCssExtractPlugin optimize-css-assets-webpack-plugin

webpack4 css 檔案提取 壓縮 MiniCssExtractPlugin optimize-css-assets-webpack-plugin

1、使用的外掛

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

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

optimize-css-assets-webpack-pluginhttps://webpack.js.org/plugins/mini-css-extract-plugin/#minimizing-for-production     2、原理

MiniCssExtractPlugin:將css提取到單獨的檔案中。使用optimization.splitChunks.cacheGroups屬性提取到一個css中。

 

optimize-css-assets-webpack-plugin:css壓縮