webpack壓縮 CSS 文件
轉(zhuǎn)載請(qǐng)注明 來(lái)源: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

浙公網(wǎng)安備 33010602011771號(hào)