webpack4使用optimize-css-assets-webpack-plugin压缩单独的css文件

版权声明:在那最初的相遇中,我们都曾经为彼此心动过... https://blog.csdn.net/weixin_36185028/article/details/82182352

1.安装

 npm install optimize-css-assets-webpack-plugin --save-dev

2.使用

2.1.普通压缩

......
const optimizeCss = require('optimize-css-assets-webpack-plugin');
......
plugins: [
    new optimizeCss()
]
......

2.2.使用cssnano配置规则

npm install cssnano --save-dev
......
const optimizeCss = require('optimize-css-assets-webpack-plugin');
......
plugins: [
    new optimizeCss({
            cssProcessor: require('cssnano'), //引入cssnano配置压缩选项
            cssProcessorOptions: { 
            	discardComments: { removeAll: true } 
            },
            canPrint: true //是否将插件信息打印到控制台
        })
]
......

猜你喜欢

转载自blog.csdn.net/weixin_36185028/article/details/82182352