vue-cli3配置elementui按需引入

vue-cli3配置elementui按需引入

• 安装babel-plugin-component

npm install babel-plugin-component -D

• 在babel.config.js加入

需加入的代码： 

plugins: [ //按需引入配置
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]


放入后：
module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [ //按需引入配置
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

• 在main.js中按需引入elementui组件名

import {Button} from "element-ui"

Vue.use(Button)

以上弄好了，可以打开chrome控制台查看对比一下是否配置成功