第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

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

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

千巷貓影 2018-08-03 13:33:37
找到了用gulp實現(xiàn)的方法,但是每次都要安裝配置感覺還是略微繁瑣。我目前用的主力是vscode,其實只要能在頁面加載之前操作HTML里面的DOM元素,獲取到所有的js和css文件,在后綴加一個當前的時間戳,思路是這樣的,就是不知道有沒有相關插件。大家平時用的是什么方法呢,求分享~
查看完整描述

1 回答

?
四季花海

TA貢獻1811條經(jīng)驗 獲得超5個贊

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

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

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

  1. 發(fā)布時自動編譯js和css文件,文件名為該文件的哈希值,文件內容不變,哈希值也不變,帶哈希值的文件名即體現(xiàn)了文件版本。

  2. 它可以替換引用js和css的文件,將其改為最終真實路徑(js和css文件名都被替換)。


查看完整回答
反對 回復 2018-08-05
  • 1 回答
  • 0 關注
  • 1007 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號