构建分析&优化方式
一、Tree shaking（webpack 4.0 默认启用）
上下文未用到的代码、基于es6 import export
二、基于webpack代码拆分
把单个bundle文件拆分成若干小bundles/chunks；缩短首屏加载时间
webpack拆分的方法：
1）手工定义入口
2）splitChunks提取公用代码，拆分业务代码与第三方库
3）动态加载
三、基于webpack的持久缓存
持久化缓存方案：
1）每个打包的资源文件有唯一的hash值
2）修改后只有受影响的文件hash改变，就可以充分利用浏览器缓存
四、基于webpack的应用大小监测与分析
监测分析
1）stats分析与可视化图（在线的一个工具也叫webpack Chart，能看整体大概的分布，不够细致）
2）webpack-bundle-analyzer进行体积分析（又叫source-map-explorer，他是基于source-map来看的，可以生成测试报告）
3）speed-measure-webpack-plugin速度分析（能够将每一块工作的耗时打印出来）
