vue-cli3X + elementUI 按需引入踩的坑

Posted 2020-12-11 norazhang

在vue-cli3x项目中按需引入element-ui, 如果完全按照element-ui官网配置, 会遇到一哥小小的bug.

1.  配置 .babelrc文件之前, 如果项目之前已经存在babel.config.js文件, 要先将它删除

2.  官方的配置修改 : 

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

运行项目时会报错 , 找不到es2015模块

 yarn add babel-preset-env --save-dev，安装最新的env插件

.babelrc文件修改部分："presets": [["@babel/preset-env", { "modules": false }]]