在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/網(wǎng)絡(luò)安全/ grunt 給靜態(tài)資源文件css,js加上版本號(hào)后，html如何引用不同版本號(hào)的

grunt 給靜態(tài)資源文件css,js加上版本號(hào)后，html如何引用不同版本號(hào)的css,js

例如 ：執(zhí)行g(shù)runt命令后，加上版本號(hào)的js文件名為lib.v201712241621.js；
每次執(zhí)行完grunt命令后，版本號(hào)后面帶的數(shù)字都不一樣，所以在html文件中該如何引用

回答
編輯回答
赱丅呿

你的HTML是靜態(tài)的還是動(dòng)態(tài)的（比如PHP/Java里面渲染的）？

如果是靜態(tài)的：那很好辦，直接在grunt任務(wù)里面把對(duì)應(yīng)的html文件里引用的js文件名替換成帶版本號(hào)的，然后輸出到輸出目錄就可以了。

如果是動(dòng)態(tài)的（比如PHP/Java里面渲染的）：可以這樣：

  1. grunt 構(gòu)建的時(shí)候，記錄下 原始文件名 <-> 帶版本的文件名 這種關(guān)系，比如用個(gè)object做記錄，然后生成個(gè)manifest.json文件
  2. 在 PHP/Java 的項(xiàng)目里面，渲染html前讀取下這個(gè)manifest.json文件，在渲染html的時(shí)候給js文件名加上版本號(hào)即可。

這是我之前寫過的示例代碼：(雖然使用的是gulp，不過grunt做的話也是類似的過程）

  1. gulp構(gòu)建的時(shí)候記錄 原始文件名 <-> 帶版本的文件名 這種關(guān)系:

clipboard.png

https://github.com/Clarence-p...

生成個(gè)manifest.json文件:

clipboard.png

https://github.com/Clarence-p...

  1. 在 PHP 的項(xiàng)目里面，渲染html前讀取下這個(gè)manifest.json文件

clipboard.png

https://github.com/Clarence-p...

在渲染html的時(shí)候給js文件名加上版本號(hào)即可:

clipboard.png
https://github.com/Clarence-p...

clipboard.png

https://github.com/Clarence-p...

2018年8月28日 03:12