vue项目升级webpack

vue项目升级webpack

目录

1. vue项目中影响webpack版本的是什么

2.理解package.json中库前缀^和~区别

3.升级webpack4到5操作

4.升级package.json（包含webpack升级）

---

1. vue项目中影响webpack版本的是什么

        答案是：@vue/cli-service版本

        

2.理解package.json中库前缀^和~区别

        x.y.z  x代表大版本，y代表次版本，z代表微小版本       

        ^表示匹配最新的次版本库-微小版本（即 y -z），eg：^3.2.1匹配3.X.X最新版本，不会匹配4.X版本    eg: ^2.9.1 会匹配2.10.5

        ~表示匹配最新的微小版本库（即 z），eg：~3.2.1匹配3.2.X最新版本，不会匹配3.3.X版本

        

3.升级webpack4到5操作

        手动删除node_modules文件夹，更改devDependecies里面的@vue/cli-系列库的版本，都更改成"~5.0.0"。因为最新的@vue/cli-service是5.0.8

        同时对vue项目相关代码进行更新。

4.升级package.json（包含webpack升级）

        网上搜索一大堆

        首先全局安装：npm install -g npm-check-updates

        然后：在vue项目package.json所在路径下：cmd中运行 ncu，然后就有当前版本和最新版本的对比

        最后：根据所需，适当更改部分库版本号至最新（全部更新执行 ncu -u，这个不推荐），再删除node_modules文件夹，重新npm install即可！