关于在vue-cli脚手架中使用CDN引入element-ui不成功的坑

在前端开发过程中，为了减少最后打包出来的体积，我们会用到cdn引入一些比较大的库来解决。

常见我们引入的element-ui库，在最近使用cdn引入时，无论如何都引入不成功，其他的如Vue、vue-router、vuex、axios、echarts、crypto-js等等都能成功，就是element-ui死活不成功。在经过长达一个小时的苦思冥想后，在.babelrc文件中发现了蹊跷。

在之前配置element-ui时，根据官网提供的方法，配置了按需加载，如下：

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

，然后果断把element-ui的按需加载移除掉，然后一切就OK了！！！！删除以后如下：

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

 

 

问题不大，就是之前自己根据官网配置的，忘记了，留下一笔，望大家少跳坑。