升级内容
工具:
升级步骤:
- 升级本地Vue CLI脚手架至最新版本,并创建一个新项目
- 迁移原项目
src目录
到新项目做全量替换 - 迁移原项目中dependencies相关依赖
本地运行
首次耗时 | 第2次耗时 | 第3次耗时 | 第4次耗时 | |
---|---|---|---|---|
优化前 | 3m4s | 1m48s | 1m58s | 1m53s |
优化后 | 3m8s | 13s | 9s | 10s |
除首次打包外的平均耗时如下(首次运行耗时相近,不做统计)
类型 | 耗时 |
---|---|
优化前 | 1m52s |
优化后 | 11s |
打包
类型 | 首次耗时 | 第2次耗时 | 第3次耗时 | 第4次耗时 |
---|---|---|---|---|
优化前 | 4m43s | 4m43s | ~ | ~ |
优化后 | 1m46s | 8.5s | 8.9s | 8.9s |
参考文献:
Vue CLI Configuration Reference
Vue CLI 基础loader
webpack-chain