我們先在專案中加入 jquery 與 lodash 庫。
然後在index.js 中引入並使用，如下。
import _ from 'lodash'
import $ from 'jquery'
const dom = $('')
dom.html(_.join(['hello', 'world'], ' '))
當我們執行頁面時，第一次訪問這些檔案是從後端請求的，但普通頁面重新整理的話，第二次訪問這些檔案，就是從瀏覽器的快取中獲取了，因為他們的http請求是get，get 會預設存入快取。
但是當我們對這些**稍有修改的話，但是它的檔名不變，那麼如果命中快取的話，那麼載入的還是老的**，這是不符合我們的需求滴。
我們在這裡可以引入：content hash 。（當然在開發模式下，我們有了模組熱更新，是不需要的，但是上線的**中是很有必要的）。我們配置content hash 也很簡單，如下。其中contenthash 與name 一樣都是佔位符。
output: ,這樣就解決了**改變，確保不會使用快取中老檔案的問題了。
瀏覽器快取和webpack快取配置
瀏覽器快取分為兩種型別 瀏覽器快取機制的過程如下 強快取是最徹底的快取，無需向伺服器傳送請求，通常用於css js 等靜態資源。瀏覽器傳送請求後會先判斷本地是否有快取。如果無快取，則直接向伺服器傳送請求 如果有快取，則判斷快取是否命中強快取，如果命中則直接使用本地快取，如果沒命中則向伺服器傳送請求。...
瀏覽器快取和webpack快取配置
網路請求會耗費大量時間和請求，如果可以重用為改變的網路資源，對於使用者來說可以更快更流暢的檢視網頁，對於伺服器來說減少了很多負荷，所以瀏覽器快取是前端優化的重要內容。本文介紹了瀏覽器快取的機制和快取在webpack中的應用。瀏覽器快取分為兩種型別 瀏覽器快取機制的過程如下 強快取是最徹底的快取，無需...
快取 瀏覽器快取
瀏覽器快取 brower caching 是瀏覽器在本地磁碟對使用者最近請求過的文件進行儲存，當訪問者再次訪問同一頁面時，瀏覽器就可以直接從本地磁碟載入文件 1 瀏覽器第一次請求時，會發出一組 http 頭，用來指導瀏覽器如何進行快取。伺服器規定乙個資源是否要進行快取，主要由響應頭中的expires...