参考:
High-performance webpack config for front-end delivery
webpack3 指南
Scope Hoisting (作用域提升)
官方文档:ModuleConcatenationPlugin
在生产环境中配置:
下面放一张用户使用之后包体的对比,大概减少了50%,对于模块数量很多的项目来说提升较大。
Minification and Uglification (压缩和丑化)
代码压缩和“丑化”是生产环境中必不可少的,然而偶尔的会遗忘,所以在部署到生产环境之前,首先要做的就是检查代码是否经过压缩和“丑化”
错误的方式
直接运行 webpack
命令进行打包,查看包体积
正确的方式
只需要在 webpack
命令后面加上 -p
参数!
通过对比可以发现,减少了整整 60% 的体积!没有压缩前,充斥着空格、换行、注释!