iview按需引入

1.安装

安装和全局引用的时候相同

npm install iview --save

2. 安装babel-plugin-import并配置

npm install babel-plugin-import --save-dev

在文件 .babelrc 中配置：

// .babelrc
{
  "plugins": [["import", {
    "libraryName": "iview",
    "libraryDirectory": "src/components"
  }]]
}

3.main.js中引入

import 'iview/dist/styles/iview.css'

注意：此处不需要import iview和Vue.use('iview'),只需要引入样式即可

4.使用iview的组件中引入或全局注册

单个组件

hello.vue

// hello.vue
<template>
    <Button>hello</Button>
</template>
 
<script>
import { Button } from 'iview'    //用到什么组件引入什么组件
export default {
    components:{
        Button
    }
}

全局引入

//main.js


import { Button } from 'iview';
Vue.component('Button', Button);

附：iview官网