参考:
High-performance webpack config for front-end delivery
webpack3 指南

Scope Hoisting (作用域提升)

官方文档:ModuleConcatenationPlugin

在生产环境中配置:

下面放一张用户使用之后包体的对比,大概减少了50%,对于模块数量很多的项目来说提升较大。

Minification and Uglification (压缩和丑化)

代码压缩和“丑化”是生产环境中必不可少的,然而偶尔的会遗忘,所以在部署到生产环境之前,首先要做的就是检查代码是否经过压缩和“丑化”

错误的方式

直接运行 webpack 命令进行打包,查看包体积

正确的方式

只需要在 webpack 命令后面加上 -p 参数!

通过对比可以发现,减少了整整 60% 的体积!没有压缩前,充斥着空格、换行、注释!

02-12 13:37