iview-admin的组件升级到最新

一、简介

              使用的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  干的漂亮！！！