⒖ Reversion 解决方案

littledu edited this page Mar 7, 2016 · 3 revisions

在前端开发的工作当中,我们不止一次遇到静态资源的更新问题,为了更好的利用缓存,我们一般都会将静态资源的过期时间设得很长,为了加载速度更快,我们甚至用了 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, 如果有需要,自行更改一下代码即可。

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.
Press h to open a hovercard with more details.