Webpack 4 学习08（压缩优化css）

压缩css,去除注释

• 安装插件

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

• 配置webpack.config.js

  • 头部引入插件

    const OptimizeCssAssetsPlugin = require("optimize-css-assets-webpack-plugin") 
    

• 在plugins模块引入

 new OptimizeCssAssetsPlugin({
       assetNameRegExp:/\.css$/g,
       cssProcessor:require("cssnano"),
       cssProcessorPluginOptions:{
         preset:['default',{discardComments:{removeAll:true}}]
       },
       canPrint:true
     })

• 运行打包命令之后就可以压缩

  webpack --mode development