vue项目升级webpack

本文介绍了在Vue项目中升级webpack版本的关键因素,包括依赖于@vue/cli-service的版本,package.json中^和~的区别,以及从Webpack4到5的升级步骤,还提到了使用npm-check-updates工具管理和更新package.json的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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即可!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值