CssMinimizerWebpackPlugin | webpack 中文文档webpack 是一个模块打包器。它的主要目标是将 JavaScript 文件打包在一起,打包后的文件用于在浏览器中使用,但它也能够胜任转换(transform)、打包(bundle)或包裹(package)任何资源(resource or asset)。https://webpack.docschina.org/plugins/css-minimizer-webpack-plugin/首先,你需要安装
css-minimizer-webpack-plugin:
npm install css-minimizer-webpack-plugin --save-dev
webpack.config.js
- const MiniCssExtractPlugin = require("mini-css-extract-plugin");
- const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
- module.exports = {
- module: {
- rules: [
- {
- test: /.s?css$/,
- use: [MiniCssExtractPlugin.loader, "css-loader", "sass-loader"],
- },
- ],
- },
- plugins: [ // css压缩
- new CssMinimizerPlugin(),
- ],
- };
MiniCssExtractPlugin 详情使用请看

安装好CssMinimizerPlugin 打包后效果
