問題：

1. 當我們修改js和css檔案時往往需要清除瀏覽器的快取，否則有些效果就看不到更新過後的。
2. 通過對js,css檔案內容進行hash運算，生成一個檔案的唯一hash字串(如果檔案修改則hash號會發生變化)
3. 替換html中的js,css檔名，生成一個帶版本號的檔名,這樣加版本號的靜態檔案就不會存在快取的問題了。

解決：

1. gulp有自動化新增版本hash的外掛gulp-rev，它的效果是更改檔名，如下

     <link rel="stylesheet" href="./css/jquery.e-calendar-de29b48f93.css">
    <link
 
 rel="stylesheet" href="./css/base-8688d776d1.css">
    <link rel="stylesheet" href="./css/style-93423ee3ca.css">

gulp直接更改了檔名，而我們想要的效果則是下面這種新增版本號。

     <link rel="stylesheet" href="./css/jquery.e-calendar.css?v=de29b48f93">
    <link rel="stylesheet" href="./css/base.css?v=8688d776d1">
 

    <link rel="stylesheet" href="./css/style.css?v=93423ee3ca">

1. 所以我們需要更改一下gulp的檔案，更改gulp-rev和gulp-rev-collector

開啟node_modules\gulp-rev\index.js

• 第144行 manifest[originalFile] = revisionedFile; 更新為:
  manifest[originalFile] = originalFile + ‘?v=’ + file.revHash;

開啟nodemodules\gulp-rev\nodemodules\rev-path\index.js

• 10行 return filename + ‘-’ + hash + ext;
• 更新為: return filename + ext;

開啟node_modules\gulp-rev-collector\index.js

• 31行if ( !_.isString(json[key]) ||path.basename(json[key]).replace(new RegExp( opts.revSuffix ), ” )
• 更新為: if ( !_.isString(json[key]) || path.basename(json[key]).split(‘?’)[0] !== path.basename(key) ) {
  可能你會找不到這一句沒關係，把40行按下修改

 let cleanReplacement =  path.basename(json[key]).replace(new RegExp( opts.revSuffix ), '' );
 修改為：
 let cleanReplacement =  path.basename(json[key]).split('?')[0];

再執行gulp命令，得到的結果如下(效果正確):

<link rel="stylesheet" href="../css/default.css?v=803a7fe4ae">
<script src="../js/app.js?v=3a0d844594"></script>