Element UI按需引入，踩大坑了

首先按照按照官方文档的步骤来：

1. npm i element-ui -S 安装
2. npm install babel-plugin-component -D 安装按需引入依赖
3. 修改.babelrc或者babelrc.config.js

{
  "presets": [["es2015", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

然后你再运行，祝贺你喜提报错！！！！！！完全按照官方来的，巨TM坑

解决方案

1. npm i @babel/preset-env --save-dev
2. 修改.babelrc或babelrc.config.js文件，把es2015改成@babel/preset-env
3. main.js种使用

import { Button} from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.component(Button.name, Button) // 页面中就像一般那样用就是了