gulp新增版本號解決快取問題

gulp新增版本號解決快取問題

方案：解決快取問題,發布前新增版本號

資料夾結構

// 檔案清理

const clean = require('gulp-clean');

// 加版本號

const assetrev = require('gulp-asset-rev');

// 給html新增版本號

gulp.task('htmlmintask', function() )

// 檔案複製 複製沒有經過處理的檔案 不新增此** 生成得dist僅為打包執行的東西

gulp.task('copytask', function() )

// 清理檔案

gulp.task('cleantask', function() ) // 清理maps檔案

.pipe(clean())

return stream

})// 打包

gulp.task('default', ['cleantask', 'htmlmintask', 'copytask']); //gulp執行順序

,

"scripts": ,
"author": "",
"license": "isc"
}

執行node -v

執行cmd,安裝**映象

npm install cnpm -g --registry=

新建gulpfile.js,內部引數匹配有規則,內部邏輯就用封裝好的

替換**更改版本號拼接

進入到./node_modules/[email protected]@gulp-asset-rev資料夾下的index.js檔案

找到第80或81行的

src = src.replace(verstr, '').replace(/(.[^.]+)$/, verstr + "$1");

更改成src = src += "?v=" + verstr;

執行cmd 輸入 gulp

相關連線:

//安裝node

////複製整個資料夾或檔案到指定目錄

////自動更新版本號

//

gulp版本號修改

新版外掛程式修改無效時，可以使用以下版本 預設效果 link rel stylesheet href script src script 預期效果 link rel stylesheet href script src script 為了將 gulp rev gulp rev collector 新...

seajs版本號新增

with 24 comments 用 seajs 組織專案，上線後，經常需要更新特定檔案或所有檔案的時間戳，以清空瀏覽器快取。最簡單的方式是 define function require,exports 這種方式很簡單直觀，弊端也很明顯 檔案一多，時間戳會分散在各個檔案，維護起來不方便。第二種方式...

gulp實現開發生產版本，自動新增版本號為引數格式

以下為舊版本，會存在bug，以github最新更新為準 gulpfile.js 引入gulp及各種元件 use strict var gulp require gulp uglify require gulp uglify 壓縮js minifycss require gulp clean css ...