vue-cli3构建项目时elementUI按需引入问题

vue-cli3构建项目时elementUI按需引入问题

报错1：Error: Cannot find module 'babel-preset-es2015'

报错2：Error: Cannot find module 'babel-preset-env'  

- Did you mean "@babel/env"?

法1：将 es2015 更改为：@babel/preset-env

更改：

使用1：按照官方文档使用：

import { Button } from 'element-ui'

components: {
  'el-button': Button
},

<el-button type="primary">点我打开</el-button>

使用2：将按需引入的代码，独立出来

在src文件夹下新建一个element的文件夹，再新建一个index.js

// element/index.js
// 导入自己需要的组件
import { Button } from 'element-ui'

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

export default element

main.js修改：

import element from './element/index'
Vue.use(element)

 使用：

<el-button type="primary">点我打开</el-button>

法2：env

 需安装依赖：babel-preset-env即可

npm install babel-preset-env@next --S