压缩 CSS 文件

优质

小牛编辑

122浏览

2023-12-01

压缩 CSS 文件需要使用到 optimize-css-assets-webpack-plugin插件

一、压缩 css 文件的核心配置

// webpack.config.js webpack的配置文件
// 路径： ./webpack.config.js

//……
//引入optimize-css-assets-webpack-plugin插件
const OptimizeCssAssetsWebpackPlugin = require ('optimize-css-assets-webpack-plugin');

//……

     // plugins的配置
    plugins: [
        //详细的plugins配置

        ……

        //压缩 css
        // new OptimizeCssAssetsWebpackPlugin()
    ],

改动有两处

改动1：引入optimize-css-assets-webpack-plugin插件

//引入optimize-css-assets-webpack-plugin插件
const OptimizeCssAssetsWebpackPlugin = require ('optimize-css-assets-webpack-plugin');

改动2：添加plugins的配置项

//压缩 css
// new OptimizeCssAssetsWebpackPlugin()

二、安装插件

//安装optimize-css-assets-webpack-plugin 插件
> npm i optimize-css-assets-webpack-plugin -D

三、运行

> webpack