打包出来的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中代码


