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里面直接写标签就可以了


你可能感兴趣的:(iview 按需引入vue项目中)