【Vue】Element-UI按需引入项目启动报错解决方法

原因可能是版本不匹配的原因，Vue-Cli脚手架的版本跟element-ui不一致了，按官网的配置已经不太行了。

报错代码

Error: Cannot find module 'babel-preset-es2015'

解决方式

在babel.config.js将es2015进行替换成@babel/preset-env。

{
  "presets": [["@babel/preset-env", { "modules": false }]], //es2015 替换成 @babel/preset-env
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

启动项目

npm run serve

明显最终的JS文件的大小少了一些。