dist打包流程

打包dist : npm run dist

執行dist : gulp dist_open

瀏覽器開啟地址 : http://localhost:3000/dist/pc/index.html

如果錯亂則需要手動修改gulp外掛:

原始程式碼

<link rel="stylesheet" href="../css/default.css">
<script src="../js/app.js"></script>

開啟node_modulesgulp-revindex.js

第144行:

manifest[originalFile] = revisionedFile;
更新為: 
manifest[originalFile] = originalFile + `?v=` + file.revHash;
開啟node_modules
ev-pathindex.js

10行:

return filename + `-` + hash + ext;
更新為:
return filename + ext;

開啟node_modulesgulp-rev-collectorindex.js

40行:

let cleanReplacement =  path.basename(json[key]).replace(new RegExp( opts.revSuffix ), `` );
更新為: 
let cleanReplacement =  path.basename(json[key]).split(`?`)[0];

最終結果

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

感悟：好腦袋不如個賴筆頭