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

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

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

在以前配置element-ui时,根据官网提供的方法,配置了按需加载,以下:vue

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

,而后果断把element-ui的按需加载移除掉,而后一切就OK了!!!!删除之后以下:java

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

问题不大,就是以前本身根据官网配置的,忘记了,留下一笔,望你们少跳坑。ios

相关文章
相关标签/搜索