轉(zhuǎn)載請(qǐng)注明 來源:http://www.eword.name/
Author：eword
Email:eword@eword.name

webpack壓縮 CSS 文件

壓縮 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: [
        //詳細(xì)的plugins配置
        
        ……
        
        //壓縮 css
        // new OptimizeCssAssetsWebpackPlugin()
    ],

改動(dòng)有兩處

改動(dòng)1：引入optimize-css-assets-webpack-plugin插件

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

改動(dòng)2：添加plugins的配置項(xiàng)

//壓縮 css
// new OptimizeCssAssetsWebpackPlugin()

二、安裝插件

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

三、運(yùn)行

> webpack