關於在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"
  //     }
  //   ]
  // ]
}

 

 

問題不大，就是之前自己根據官網配置的，忘記了，留下一筆，望大家少跳坑。