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