這篇文章帶給大家的內容是關於伺服器上webpack打包的過期hash檔案如何進行清理，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。
現在前端的專案基本上都會用 webpack 打包程式碼，而且檔案名稱（html 檔案除外）都是 hash 化的，這樣可以移除瀏覽器的快取。但是會產生另一個問題，就是伺服器上會堆積大量過期（不會被用到）的 hash 文件，這些文件又主要是 js 和 css 文件，因為基本上每構建一次都會產生新的 js 和 css 文件。如果這些檔案不清除的話，會大量佔用伺服器儲存空間。
1、從html 檔案讀取css 檔案的hash 值集合；
2、然後根據這些hash 值集合，把hash 不在這個集合內的css 檔案刪掉;
3、從html 檔案讀取js 檔案的hash 值集合；
4、然後根據這些hash 值集合，把不屬於動態載入的，並且hash 不在這個集合內的js 檔案刪掉；（動態載入js 參考dynamic-imports）
5、從不屬於動態載入的js 檔案中讀取動態載入的js 檔案的hash 值集合；
6、然後根據這些hash 值集合，把動態載入的，並且hash 不在這個集合內的js 檔案刪掉；
7、從剩下的html,css,js 文件中讀取圖片、字體等其他靜態資源檔的hash 值集合；
8、然後根據這些hash 值集合，把hash 不在這個集合內的靜態資源檔刪掉。
基於上面這個思路，我封裝了一個npm 套件：sclean.
#主要有以下幾個功能：
1、備份伺服器文件，因為刪除是非常危險的操作，所以在每次清除過期文件之前都會備份一次，當然也可以手動備份；
2、恢復伺服器文件到之前備份的某個狀態（用於清除出錯之後的恢復操作）；
3、根據配置進行清除操作，例如自訂目標目錄（dist, build），html檔案（php, jsp），hash 長度（32, 8）等。
安裝
npm install sclean -g
執行清除操作
sclean
以上是伺服器上webpack打包的過期hash檔案如何進行清理的詳細內容。更多資訊請關注PHP中文網其他相關文章！
