公司移動端商城使用前后分離方案,前台nginx靜態文件,js使用requirejs模式,使用gulp壓縮添加版本號時發現問題, 問題1、在公共的js配置中,引用的路徑是寫死的,緩存會一直存在。 解決方案是添加 urlArgs 構建時用shell腳本替換 'ttversion'為一個隨機數 ...
這篇文章講我整理的一種打包項目的方式,以下是我的依賴清單 這里僅供參考,很多都已經有更新的版本了。如果不想自己下載的,可以npm install我的。 下載完畢后,找到node modules gt gulp assets rev gt index.js 修改為如下代碼: gulpfile.js: 先引用: CSS壓縮,輸出 壓縮js文件,輸出 HTML壓縮,輸出 整合 調用: 這篇文章就到這里了 ...
2017-01-10 09:30 0 1694 推薦指數:
公司移動端商城使用前后分離方案,前台nginx靜態文件,js使用requirejs模式,使用gulp壓縮添加版本號時發現問題, 問題1、在公共的js配置中,引用的路徑是寫死的,緩存會一直存在。 解決方案是添加 urlArgs 構建時用shell腳本替換 'ttversion'為一個隨機數 ...
新版插件修改無效時,可以使用以下版本: 默認效果: 預期效果: 為了將 gulp-rev + gulp-rev-collector 添加版本號后的默認效果修改為預期效果,需作如下修改: 1.打開node_modules\gulp ...
版本號用文件MD5生成 默認根據文件MD5生成,因此文件未發生改變,此版本號將不會變 所以當沒有改變文件的時候,我們就不能用gulp來改變版本號了 需要安裝的插件 gulpfile.js代碼 //引入gulp和gulp插件 var ...
推薦使用gulp-rev + gulp-rev-collector是比較方便的方法,結果如下: 但是由於公司發布系統限制,如果用上面方法實現,每次更新都會積壓過多過期無用的文件,我們預期效果是: 怎么破?改上面兩個Gulp插件是最高效的方法了。 安裝Gulp npm ...
由於cdn緩存,更改樣式后會有一段時間不生效,解決方法就是給css,js加上版本號效果如下: 1.安裝gulp插件 2.修改gulpfile.js文件 3.修改node_module里相關配置文件 (1)更改gulp-rev文件(node_modules---> ...
要實現的理想效果: "/css/style.css" => "/dist/css/style.css?v=1d87bebe""/js/script1.js" => "/dist/scri ...
版本: CLI version 2.0.1 Local version 4.0.0 環境依賴: npm install gulp -g npm install gulp --save-dev npm ...
參考打包教程: http://www.cnblogs.com/tugenhua0707/p/4069769.html http://www.cnblogs.com/tugenhua0707/p/4982646.html http://www.tuicool.com/articles ...