vue项目按需引入elementUI修改.babelrc文件报错

先说明当前的状况：
1.项目是Vue-cli 创建的
2.按需引入elementUI，需要的组件有tree、表单等。

略微看了下elementUI官方文档，
(⊙v⊙)嗯，挺简单的嘛~ 走起~
结果第三步修改.babelrc文件就报错了.. 😭😭😭
记得大概卡在import的地方报错:import Syntax Error: Unexpected token 之类的.. 😲

官方文档提供修改.babelrc文件的内容..

折腾了一天..
尝试了各种办法..

终于有个大神救了我！
“因为你把脚手架默认的配置给覆盖掉了,正确的做法是做整合,babelrc应该修改为: ⤵️

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] }
    }],
    ["es2015", { "modules": false }], "stage-2",

  ],
  "plugins": [
    "transform-vue-jsx",
    "transform-runtime",
    [
      "component", {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

然后就👌了.. 可以正常运行了..
PS:
如果报错
Module build failed: Error: Couldn't find preset "es2015" relative to directory
则执行cnpm install babel-preset-es2015 --save-dev

✨点击查看参考链接1️⃣
✨点击查看参考链接2️⃣