webapck 按需載入及版本控制問題

標籤：webpack   blog   如何   緩衝   兩種方法   .com   技術   好的   刪掉   

在啟用webpack的懶載入（按需載入）後，我們會遇到要解決緩衝的問題。

解決緩衝問題有幾種方法：

第一種就是加個hash值。便每次修改後所編譯後的檔案名稱都不一樣。這樣能達到預期解決緩衝的效果。具體設定如：

　　

　　這種解決方案在webpack中可以達到工程化管理的效果。但會對專案管理有一定的阻礙。如用git來管理項目，每次編譯都要刪掉上一次編譯的檔案，然後要添加本次編譯後的檔案再推送。

 

第二種方法就比較暴力了。不添加hash值，這樣每次編譯所得到的檔案名稱都是一樣的配置如：

　　

　　我們要做的就是找到編譯後的入口檔案，然後找到它懶載入的方法，並對其進行修改，如加一個隨機數，具體方法如下：

　　在編譯後的入口檔案裡尋找“ document.getElementsByTagName("head")[0]”，找到其附加元件，修改前的檔案：

 　　

　　修改後的檔案：

　　

 

 　　這樣載入到的檔案會有一隨機數可確保緩衝的問題，具體如：

　　

　　但這方法也是弊端，就是每次編譯都要手動去修改入口檔案。但對git專案管理卻比較好管理，不用每次都去添加刪除。

　　以上兩種方法都有利有弊，具體要用什麼解決方案就看你如何取捨。當然也可能有更好的解決方案，如有知道的同學麻煩告知我一下。

 

webapck 按需載入及版本控制問題