升级内容
工具：
升级步骤：
- 升级本地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
网友评论