推薦使用gulp-rev + gulp-rev-collector是比較方便的方法,結果如下: 但是由於公司發布系統限制,如果用上面方法實現,每次更新都會積壓過多過期無用的文件,我們預期效果是: 怎么破?改上面兩個Gulp插件是最高效的方法了。 安裝Gulp npm ...
gulp自動更新版本號 安裝依賴 本次依賴的版本號為: 插件作用說明 gulp rev gulp rev:Static asset revisioning by appending content hash to filenames unicorn.css unicorn d d cd f.css gulp rev:靜態資源更新,通過追加問價hash值到文件名之上,如:unicorn.css gt ...
2017-07-29 20:50 0 3717 推薦指數:
推薦使用gulp-rev + gulp-rev-collector是比較方便的方法,結果如下: 但是由於公司發布系統限制,如果用上面方法實現,每次更新都會積壓過多過期無用的文件,我們預期效果是: 怎么破?改上面兩個Gulp插件是最高效的方法了。 安裝Gulp npm ...
版本號用文件MD5生成 默認根據文件MD5生成,因此文件未發生改變,此版本號將不會變 所以當沒有改變文件的時候,我們就不能用gulp來改變版本號了 需要安裝的插件 gulpfile.js代碼 //引入gulp和gulp插件 var ...
版本: CLI version 2.0.1 Local version 4.0.0 環境依賴: npm install gulp -g npm install gulp --save-dev npm ...
公司項目每次發布后,偶爾會有緩存問題,然后看了下gulp,發現gulp還能給js,css自動化添加版本號,可解決緩存的問題,所以自動化實現靜態資源的版本更新才是正道。通過網上的資料試過了兩種辦法: 1.生成一個新的dist目錄,里面包含了要發布的html,js,css等文件 。 2. ...
當一個版本發布,新起一個版本時,我們需要更改一下項目中的版本號。一個maven工程,如果只是一個單一的主項目,那么只要手動修改一下 pom.xml 就 可以了,耗不了多少時間。但是如果這個maven項目有很多的子模塊項目,那么一個個手動的去改就比較麻煩, 大一點的項目可能會有幾十 個,這樣子 ...
由於項目用到requireJs,並且通過gulp來對項目進行統一的管理,為了防止瀏覽器對文件進行緩存,所以通過gulp為項目中的文件添加版本號。 1、分別安裝gulp-rev、gulp-rev-collerctor npm install --save-dev gulp ...
前端自動化打包發布已是一種常態,尤其在移動端,測試過程中靜態資源的緩存是件很頭疼的事情,有時候明明處理的bug測試還是存在,其實就是緩存惹的禍,手機不比pc瀏覽器,清理緩存還是有點麻煩的。所以自動化實現靜態資源的版本更新才是正道。 實際開發過程中,我們常用到的功能包括: 1、目標路徑的清除 ...
原理 1、執行gulp指令js、css和img內文件添加版本號,生成一個文件的唯一hash字符串 2、更新js和css內代碼,通過對js,css文件內容進行分析,如果文件修改則hash號會發生變化 3、替換html中的js,css文件名,生成一個帶版本號的文件名 原html文件代碼 ...