1. 程式人生 > >webapck 按需加載及版本控制問題

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

com 解決 加載 麻煩 得到 elements head 弊端 pac

在啟用webpack的懶加載(按需加載)後,我們會遇到要解決緩存的問題。

解決緩存問題有幾種方法:

第一種就是加個hash值。便每次修改後所編譯後的文件名都不一樣。這樣能達到預期解決緩存的效果。具體設置如下圖:

  技術分享

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

第二種方法就比較暴力了。不添加hash值,這樣每次編譯所得到的文件名都是一樣的配置如下圖:

  技術分享

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

  在編譯後的入口文件裏查找“ document.getElementsByTagName("head")[0]”,找到其加載項,修改前的文件:

  技術分享

  修改後的文件:

  技術分享

  這樣加載到的文件會有一隨機數可確保緩存的問題,具體如下圖:

  技術分享

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

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

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