已解決430363個問題，去搜搜看，總會有你想問的

如何快速給HTML中的js和css文件添加版本號？

首頁猿問 ...

如何快速給HTML中的js和css文件添加版本號？

JavaScript

千巷貓影 2018-08-03 13:33:37

找到了用gulp實現的方法，但是每次都要安裝配置感覺還是略微繁瑣。我目前用的主力是vscode，其實只要能在頁面加載之前操作HTML里面的DOM元素，獲取到所有的js和css文件，在后綴加一個當前的時間戳，思路是這樣的，就是不知道有沒有相關插件。大家平時用的是什么方法呢，求分享~

查看完整描述

1 回答

四季花海

TA貢獻1811條經驗獲得超5個贊

你提到的給所有js，css文件添加時間戳的方法對于小網站來說無所謂，完美解決客戶端緩存問題。副作用是本來大部分的js，css文件根本沒有變化，也要強制客戶端重新加載新版本，降低了頁面展示速度，不推薦。
邪道
非要用的話，不用到處找插件，可以自己寫個 pathBuilder(filePath) 模板方法，這個方法的作用就是給傳入的路徑后添加一段時間戳。然后你在模板文件中調用這個方法引入js和css文件。比如

<srcipt src="{pathBuilder('../js/index.js')}"></script>

正道
使用Webpack是目前非常完美省力的解決方式，因為它可以：

發布時自動編譯js和css文件，文件名為該文件的哈希值，文件內容不變，哈希值也不變，帶哈希值的文件名即體現了文件版本。
它可以替換引用js和css的文件，將其改為最終真實路徑（js和css文件名都被替換）。

反對回復 2018-08-05

1 回答
0 關注
995 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何快速給HTML中的js和css文件添加版本號？

如何快速給HTML中的js和css文件添加版本號？

1 回答

添加回答

如何快速給HTML中的js和css文件添加版本號？