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, 如果有需要,自行更改一下程式碼即可。

#