Element-ui升级到最新版 2.4.6

1,安装高效升级插件  npm install -g npm-check-updates

2,查看最新的版本:npm-check-updates   简写:ncu

3卸载之前的element-ui版本    npm uninstall element-ui

4安装最新版(想要安装的版本) npm install element-ui @2.4.6 -S

5替换三个文件

1.这时候我们在main.js中修改新增的 theme-chalk 主题:
将import 'element-ui/lib/theme-default/index.css'替换为import 'element-ui/lib/theme-chalk/index.css'

2.在.babelrc 文件中替换 theme-default -----》theme-chalk

3.在node_modules\babel-plugin-component\README.md文件中替换 theme-default-----》theme-chalk

 

另:

1 npm unstall element-ui 

2 npm i element-ui -S


3 将import 'element-ui/lib/theme-default/index.css'替换为import 'element-ui/lib/theme-chalk/index.css'

 

单独升级element ui 可能与原工程某些写法不兼容造成渲染差异,假如不升级element ui自身bug不少,比如checkbox之类的无法渲染默认选中或无法多选等等

 

是否要依赖都升级,看具体情况

F:\springboot\fw\tongbu\foxvue>ncu -u Using F:\springboot\fw\tongbu\foxvue\package.json [..................] / :  axios                               ^0.15.3  →        ^0.18.0  query-string                         ^4.2.3  →         ^6.1.0  vee-validate                 ^2.0.0-beta.17  →  ^2.1.0-beta.8  vuex                            ^2.0.0-rc.6  →         ^3.0.1  autoprefixer                         ^6.4.0  →         ^9.1.3  babel-eslint                         ^7.1.1  →         ^9.0.0  babel-loader                         ^6.2.8  →         ^8.0.1  chalk                                ^1.1.3  →         ^2.4.1  css-loader                          ^0.26.0  →         ^1.0.0  eslint                              ^3.12.2  →         ^5.5.0  eslint-loader                        ^1.6.1  →         ^2.1.0  eslint-plugin-vue                    ^1.0.0  →         ^4.7.1  extract-text-webpack-plugin          ^1.0.1  →         ^3.0.2  file-loader                          ^0.9.0  →         ^2.0.0  html-webpack-plugin                  ^2.8.1  →         ^3.2.0  http-proxy-middleware               ^0.17.2  →        ^0.19.0  opn                                  ^4.0.2  →         ^5.3.0  ora                                  ^0.3.0  →         ^3.0.0  shelljs                              ^0.7.4  →         ^0.8.2  url-loader                           ^0.5.7  →         ^1.1.1  vue-loader                           ^9.9.5  →        ^15.4.1  vue-router                           ^2.0.3  →         ^3.0.1  vue-style-loader                     ^1.0.0  →         ^4.1.2  webpack                             ^1.13.2  →        ^4.17.1  webpack-dev-middleware               ^1.8.3  →         ^3.2.0  webpack-merge                       ^0.17.0  →         ^4.1.4 Upgraded F:\springboot\fw\tongbu\foxvue\package.json