Element-ui升级到最新版 2.4.6

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

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

Element-ui升级到最新版 2.4.6

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

Element-ui升级到最新版 2.4.6

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

Element-ui升级到最新版 2.4.6

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