vue-cli4升级vue2.7教程快速版

前言

vue 2.7 正式 release，升级我们的 vue-cli 4 到 vue-cli ^4 最新版，从而支持 vue 2.7 的使用。

正文

• 官方升级文档：Vue 2.7.0 （ 2022-07-01 ）

操作过程

1. vue 依赖升级 ^2.7.0 ：

     "vue": "^2.7.0"
   

2. 全部 vue-cli 4 的相关依赖升级 v4 的最新版：

     "@vue/cli-*": "^4.5.19"
     // ...
   

   注：可在 这里 找到最新版本号。

3. 若有，则删除 vue-template-compiler 的依赖项，新版不再需要：

    - 'vue-template-compiler': "2.6.0"
   

4. 全局锁 vue-loader 为 ^15.10.0 版本，保证全局唯一，pnpm 请使用 overrides ：

   // package.json
   {
     "pnpm": {
       "overrides": {
         "vue-loader": "15.10.0"
       }
     }
   }
   

   yarn 使用 resolutions 锁：

   // package.json
   {
     "resolutions": {
       "vue-loader": "15.10.0"
     }
   }
   

   npm 建议尽快迁移到 pnpm 。

后记

vue 2.7 主要带来了 composition api 的玩具阉割版向后移植（功能不全，底层仍不是 Proxy ），以及 defineComponent() 等更好的类型提示，vue-cli 的启动速度也会更快。

多说无益，升级落地。

以上。