Reversion 解決方案
在前端開發的工作當中,我們不只一次遇到靜態資源的更新問題,為了更好的利用緩存,我們一般都會將靜態資源的過期時間設得很長,為了加載速度更快,我們甚至用了CDN,那麼,當我們想更新一個已上線的資源時,就會遇到因為快取而更新無法及時的問題。
基於這個問題,tmt-workflow
直接提供一套 reversion 的解決方案。
開啟方式:
1. 開啟 .tmtworkflowrc
設定文件,如下設定:
{ "reversion": true}
2. 執行 gulp build_dist
即可
tmt-workflow
會根據你的每次修改,根據內容產生對應的md5,並更新樣式檔案和html 檔案等所有引用的資源,你只需將其直接上傳即可,勿需其他額外操作,檔案的manifest.json 檔案如下:
{ "css/style-index.css": "css/style-index.e72b382a.css", "html/index.html": "html/index.html", "img/bg-body.png": "img/bg-body.131a8d26.png", "img/bg-logo.png": "img/bg-logo.dda3116e.png", "sprite/style-index.png": "sprite/style-index.0e41255a.png", "sprite/style-index@2x.png": "sprite/style-index@2x.2eaf5fed.png" }
html 檔案不作reversion, 如果有需要,自行更改一下程式碼即可。