iview ui框架

前端框架 参考官网： https://www.iviewui.com/docs/introduce

整合iview框架

标签引入 略

NPM 安装 在这里插入代码片

npm install iview --save

引入方式（ 以 webpack 为例）

全局引用

在main.js中

import iView from 'iview'
import 'iview/dist/styles/iview.css'
import VueRouter from "vue-router";
Vue.config.productionTip = false
Vue.use(iView);
Vue.use(VueRouter)

按需引用–还未实现

在main.js中

import Checkbox from 'iview/src/components/checkbox';
import 'iview/dist/styles/iview.css';

按需引用是直接引用的组件库源代码，需要借助 babel 进行编译：

module: {
    rules: [
        { test: /iview.src.*?js$/, loader: 'babel' },
        { test: /\.js$/, loader: 'babel', exclude: /node_modules/ }
    ]
}