element按需导入

1、需要安装babel-plugin-component

npm install babel-plugin-component -D

2、更改.babelrc文件（这一步存疑，我在改动这块的时候报错，目前不改动照常使用，要是情况分析了）

"plugins": [

    [

      "component",

      {

        "libraryName": "element-ui",

        "styleLibraryName": "theme-chalk"

      }

    ]

  ]

3、具体的引入变量名查看官方文档，如下图

需要注意的几点是

（1）、普通的组件，引入名字，使用use即可，如

import {Checkbox} from 'element-ui'

Vue.use(Checkbox）

但是对于需要this.$notify 调用的，引入后不采用use，而是挂载到原型上Vue.prototype.$notify = Notification;

（2）、局部引入需要引入样式文件，否则没有样式噢

import 'element-ui/lib/theme-chalk/index.css';

（3）、不在man.js中罗里吧嗦，抽离成js文件的话，目前我是这样做的，供参考

(这个做法有个局限性，暂未发现解决方法，需要挂载在原型上的组件无法和他们一起合成)

在main.js中

import elementImport from './elementImport'//按需加载elementUI

Vue.use(elementImport)

在抽离出去的js文件中

// 导入自己需要的组件

import {Form} from 'element-ui'// 按需加载element ui

const element = {

  install: function (Vue) {

    Vue.component(Form.name, Form)；

  },

}

export default element