亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

vue項(xiàng)目使用cdn加速減少webpack打包體積

 更新時(shí)間：2022年08月17日 10:30:23   作者：shewlong  
通過(guò)壓縮代碼的手段可減小網(wǎng)絡(luò)傳輸?shù)拇笮?但實(shí)際上最影響用戶體驗(yàn)的還是網(wǎng)頁(yè)首次打開時(shí)的加載等待,其根本原因是網(wǎng)絡(luò)傳輸過(guò)程耗時(shí)較大,這篇文章主要給大家介紹了關(guān)于vue項(xiàng)目使用cdn加速減少webpack打包體積的相關(guān)資料,需要的朋友可以參考下

1.引入cdn資源?

<link rel="stylesheet"  rel="external nofollow"  />
<link rel="stylesheet"  rel="external nofollow"  />

 <script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/vue-router@3.0.1/dist/vue-router.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/vuex@3.0.1/dist/vuex.min.js"></script>
 <script src="https://unpkg.com/element-ui@2.3.5/lib/index.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/vant@1.1.2/lib/vant.min.js"></script>
 <script src="https://cdn.staticfile.org/axios/0.17.1/axios.min.js"></script>

?注：1.該文件為項(xiàng)目入口html文件，通常處于項(xiàng)目public目錄下或者項(xiàng)目根目錄下，使用了vant和elementUi,2.所以還應(yīng)該引入相對(duì)應(yīng)得css資源包3.cdn加速地址可以在官網(wǎng)中找到

代碼展示

2.在webpack基礎(chǔ)配置文件中加入externals配置，打包、編譯時(shí)去除cdn加速的模塊，可以大大壓縮打包后的壓縮包體積

  externals: {
   vue: 'Vue',
   'vue-router': 'VueRouter',
   "element-ui": "ElementUI",
   'vant':"Vant",
   axios: 'axios',
   vuex: 'Vuex',
  },

代碼展示

3.去除main.js中對(duì)以上模塊的引用，注冊(cè)

總結(jié) 

到此這篇關(guān)于vue項(xiàng)目使用cdn加速減少webpack打包體積的文章就介紹到這了,更多相關(guān)vue使用cdn加速內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論