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

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 //是否将插件信息打印到控制台
        })
]
......