vue2按需引入element-ui

npm安装element-ui 2.x

npm i element-ui -S

安装 babel-plugin-component

npm install babel-plugin-component -D

然后将 babel.config.js 修改为：

module.exports = {
  presets: [
    '@vue/app'
  ],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

引入需要的组件

在src目录下新建一个文件夹element，在该目录下新建index.js
在src/element/index.js中引入你需要的组件

import { Button, Input, Menu } from 'element-ui';

const element = {
    install: function (Vue) {
        Vue.use(Button)
        Vue.use(Input)
        Vue.use(Menu)
    }
}

export default element

在main.js中引入

import 'element-ui/lib/theme-chalk/index.css'
import element from './element/index'
Vue.use(element)