vue项目升级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即可!