關於在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

相關文章
相關標籤/搜索