一、简介
使用的iview-admin作为前端UI组件,当时开项目的时候版本是3.1.3, 后面在3.2.2的版本的时候修复了一些BUG,故要升级。
二、步骤
2.1 检查更新
npm install -g npm-check-updates
2.2 ncu -u 命令
然后重新npm install, npm run dev即可。
但是我当时在run的时候遇到了一个问题:
网上找了下,需要更新vue.config.js文件;
2.3 更新vue.config.js文件
在vue.config.js文件中添加如下内容:
// 升级组件的时候添加
css: {
loaderOptions: { // 向 CSS 相关的 loader 传递选项
less: {
javascriptEnabled: true
}
}
},
如下图:
再次重新install, run即可,这次可以成功运行了,但是效果并没有成功显示,所以还有问题,差了一步,需要将更新结果保存。
2.4 保存更新组件
执行如下命令即可:
npm update -S
npm update -D
然后再次重启,这是效果出来了, OK 干的漂亮!!!