javascript - 前端開發 本機靜態檔案頻繁修改，預覽時的快取怎麼解決？

Question

我們公司是把專案從SVN下到本地，然後本地修改完後再上傳到伺服器。
現在問題在於當本地修改了幾處樣式，或者外鏈的js，在瀏覽器預覽時，由於緩存原因看不到變動，只能手動清理緩存，但是修改頻繁時顯得比較麻煩。看了一下fis加上時間戳記的方法，似乎只是在部署或更新時，從新配置一次專案。像這種本地修改得比較頻繁的，有什麼好方法嗎？

Answer 1

透過chrome禁用緩
chrome dev tools > networks > disalbed cache, 見下圖

Answer 2

在css和js檔案後面加版本號碼

Answer 3

可以用 Chrome 的 clean cache 插件，每次刷新頁面時點擊這個插件的按鈕就可以了，不用 Chrome 的刷新按鈕

Answer 4

建議使用 webpack 或 gulp 這樣的建置工具，在建置專案時檔案後面打上版本號，觸發瀏覽器的請求。

Answer 5

開發部署前端程式碼

Answer 6

每次修改後可以在文件後面添加時間戳來保證請求的是新修改的文​​件，像下面這樣

Answer 7

頁面上按鈕可以強制刷新
按鈕綁定事件location.reload()

Answer 8

CMD + SHIFT + R