iview 按需引入vue项目中

按照官方文档把iview引入到vue的项目中，全部引入的时候没问题。
当按官方文档显示的按需加载是借助插件babel-plugin-import插件，并在.babelrc中配置：

{
  "plugins": ["transform-vue-jsx", "transform-runtime",["import", {
    "libraryName": "iview",
    "libraryDirectory": "src/components"
  }]]
}

但是当配置好之后，编译通过，浏览器却报错。iview is not defined！！！
解决方法是把在main.js里面导入的

//import iView from 'iview';
//import 'iview/dist/styles/iview.css';
//Vue.use(iView);

然后就可以了！！！
接下来，在需要用的vue文件下，直接引入需要的iview组件就可以了

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

然后在template里面直接写标签就可以了

按钮