3.6 压缩css

打包出来的css需要压缩, 并在此引入webpack优化(optimization)概念

相关文档 https://webpack.js.org/configuration/optimization/#root

插件optimize-css-assets-webpack-plugin和uglifyjs-webpack-plugin

• 文档 https://github.com/NMFR/optimize-css-assets-webpack-plugin
• yarn add optimize-css-assets-webpack-plugin -D
• webpack配置文件修改, 因为wepack默认会使用 uglify.js进行压缩代码, 所以使用了压缩css的插件后, 需要重新配置压缩js的优化选项
• 安装 uglifyjs-webpack-plugin: yarn add uglifyjs-webpack-plugin -D , 文档: https://github.com/webpack-contrib/uglifyjs-webpack-plugin

• 

• 

• 然后改为开发环境, 暂时去掉js代码, 运行 npm run build 即可看到js文件和css文件都被压缩

• 暂时去掉js中代码

•