升级 4.x 指南

View UI（iView）从 4.0.0 版本开始，需将 npm 包 iview 替换为 view-design。

老用户升级

需要将 npm 包 iview 以及任何引用 iview 的地方都替换为 view-design，一般来说，有以下几处：

  • package.json 中，添加新包 view-design： 
  1. "dependencies": {
  2.     "view-design": "^4.0.0"
  3. }

添加完后需要执行 npm install，或者直接通过 npm install view-design —save 安装新包。

  • Webpack 入口 main.js 中，把原先引用的 iview 替换为 view-design： 
  1. import Vue from 'vue';
  2. import ViewUI from 'view-design';
  4. // import style
  5. import 'view-design/dist/styles/iview.css';
  7. Vue.use(ViewUI);

同理，如果是按需引用，任何使用 from 'iview' 的都要替换为 from 'view-design'。

  • 如果您在项目中使用了 iview 内置的工具函数文件，比如 iview/src/utils/assist.js 等，都要进行包名替换来使用最新版本，如未使用，请忽略： 
  1. // e.g.
  2. import { findComponentDownload } from 'view-design/src/utils/assist';
  4. import { on, off } from 'view-design/src/utils/dom';

建议 您可以在项目中全局搜索关键词 from 'iview 来查找所有引用旧 iview 的地方，方便替换为新的 npm 包 view-design。

新用户使用

新用户使用，请直接阅读文档 安装 一节。