原文:gulp教程之自動添加版本號

創建項目 安裝nodejs 全局安裝gulp 本地安裝gulp 創建package.json和gulpfile.js文件,項目目錄如下: 自動更改版本號插件簡介 本地安裝插件 安裝gulp rev 安裝gulp asset rev 安裝gulp rev collector 配置gulpfile.js 執行任務 命令提示符執行: 執行后壓縮后的文件目錄如下: css文件如下 html文件如下 然而 ...

2020-04-13 23:51 0 606 推薦指數:

查看詳情

Gulp自動添加版本號

推薦使用gulp-rev + gulp-rev-collector是比較方便的方法,結果如下: 但是由於公司發布系統限制,如果用上面方法實現,每次更新都會積壓過多過期無用的文件,我們預期效果是: 怎么破?改上面兩個Gulp插件是最高效的方法了。 安裝Gulp npm ...

Thu Aug 06 19:21:00 CST 2015 37 14921
gulp為文件添加版本號

版本: CLI version 2.0.1 Local version 4.0.0 環境依賴: npm install gulp -g npm install gulp --save-dev npm ...

Mon Jan 14 23:40:00 CST 2019 0 671
gulp為css,js添加版本號

由於cdn緩存,更改樣式后會有一段時間不生效,解決方法就是給css,js加上版本號效果如下: 1.安裝gulp插件 2.修改gulpfile.js文件 3.修改node_module里相關配置文件 (1)更改gulp-rev文件(node_modules---> ...

Thu Jan 10 19:25:00 CST 2019 0 644
gulp批量添加版本號

要實現的理想效果: "/css/style.css" => "/dist/css/style.css?v=1d87bebe""/js/script1.js" => "/dist/scri ...

Mon May 15 23:24:00 CST 2017 0 3555
前端靜態資源版本更新與緩存之——gulp自動添加版本號

公司項目每次發布后,偶爾會有緩存問題,然后看了下gulp,發現gulp還能給js,css自動添加版本號,可解決緩存的問題,所以自動化實現靜態資源的版本更新才是正道。通過網上的資料試過了兩種辦法: 1.生成一個新的dist目錄,里面包含了要發布的html,js,css等文件 。 2. ...

Mon Nov 07 22:51:00 CST 2016 4 4450
前端自動化工具gulp自動添加版本號

之前,我介紹了學習安裝並配置前端自動化工具Gulp,覺得gulp確實比grunt的配置簡單很多,於是我決定再深入學習一下gulp,就去網上查了資料,發現gulp還可以自動添加版本號,這個功能就為我平時在更新css或js時老是在客戶端存在緩存導致更新后的效果無法實時展現的苦惱。所以就趕緊去試了一下 ...

Thu Nov 03 00:42:00 CST 2016 25 6055
gulp自動化打包及靜態文件自動添加版本號

前端自動化打包發布已是一種常態,尤其在移動端,測試過程中靜態資源的緩存是件很頭疼的事情,有時候明明處理的bug測試還是存在,其實就是緩存惹的禍,手機不比pc瀏覽器,清理緩存還是有點麻煩的。所以自動化實現靜態資源的版本更新才是正道。 實際開發過程中,我們常用到的功能包括: 1、目標路徑的清除 ...

Mon Mar 14 23:54:00 CST 2016 3 17373
gulp靜態資源構建、壓縮、版本號添加

公司移動端商城使用前后分離方案,前台nginx靜態文件,js使用requirejs模式,使用gulp壓縮添加版本號時發現問題, 問題1、在公共的js配置中,引用的路徑是寫死的,緩存會一直存在。 解決方案是添加 urlArgs 構建時用shell腳本替換 'ttversion'為一個隨機數 ...

Wed Aug 31 02:29:00 CST 2016 0 2483
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM