Element-UI的按需引入

1、下载安装babel-plugin-component:

npm install babel-plugin-component -D

2、将babel.config.js修改为：

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset',
    ["@babel/preset-env", { "modules": false }]
  ],
  plugins: [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

3、安装 @babel/preset-env：

npm i @babel/preset-env -D

4、 在main.js引入需要用到的Element-ui组件，对于各个Element-ui组件引用格式见Element-ui官网完整组件列表和引入方式（完整组件列表以 components.json 为准）。

import { Button,Message } from 'element-ui';
Vue.component(Button.name, Button);
Vue.prototype.$message = Message;