在webpack中活用cdn可以大幅度減少打包文件的體積，配置方法也非常簡單。 首先現在入口html文件（index.html）里引入相應cdn連接，然后配置webpack： 配置cdn主要利用了externals（外部的）選項，key表示的是包名，即package.json中包 ...

最近准備開發一款 web app，是前后端並行開發的場景，因此需要 mock 一些數據，但是 vue 官網上發現沒有跑在webpack上的例子。 案例數據來自網上。 一、安裝 vue 腳手架並初始化 webpack 項目 二、安裝依賴 三、在項目根路徑下 ...

什么是CDN CDN (Content Delivery Network) 可直譯成內容分發網絡。CDN的本質仍然李詠緩存技術緩存, 解決的是__如何將數據快速可靠從源站傳遞到用戶的問題__。用戶獲取數據時，不需要直接從源站獲取，通過CDN對於數據的分發，用戶可以從一個較優的服務器獲取數據 ...

vue打包后部分資源包占用了較大的空間，故通過CDN方式，縮小打包體積。【以ElementUI為例】 修改index.html <!-- 引入VUE --> <script src="https://unpkg.com/vue@2.6.11/dist/vue.js ...

創建自己的library類庫包並使用webpack4.x打包發布到npm 我們在開發過程中，可能經常要使用第三方類庫，比如jquery、lodash等。我們通過npm，下載安裝完之后，就可以使用了，簡單方便。我們自己可以創建一個類庫，然后供其他人這樣安裝使用嗎？當然是 ...

在我當前所做的web項目中，采用前后端分離模式前端通過Django 提供restful接口，后端采用微服務架構，微服務之間的調用采用jsonrpc，由於微服務之間的調用很頻繁，導致前端得到的響應很慢，所以就不得不做性能優化。 JSON-RPC是一種基於JSON的跨語言遠程調用協議 ...

webpack性能優化 優化可以從兩個方面考慮，一個是優化開發體驗，一個是優化輸出質量。 優化開發體驗 縮小文件搜索范圍。涉及到webpack如何處理導入文件，不再贅述，不會的可以自行搜索。由於loader對文件轉換操作很耗時，應該盡量減少loader處理的文件，可以使用include命中 ...

現狀 隨着項目不斷發展壯大，組件數量開始變得越來越多，項目也開始變得龐大，webpack 編譯的時間也會越來越久，我們現在的項目編譯一次在 40s ——70s 之間，這是一個效率非常低下的操作。優化的手段有很多，之前項目原本已經做了很多，本文從緩存的角度進行優化講解 以下僅介紹幾種緩存相關 ...