鍍金池/ 問答/Java  HTML/ 關(guān)于前端js,css文件的緩存處理問題

關(guān)于前端js,css文件的緩存處理問題

問題是關(guān)于靜態(tài)js/css資源在移動(dòng)端的緩存問題的。每次js/css文件修改,移動(dòng)端的js/css頁面由于緩存不能及時(shí)更新,導(dǎo)致的一些問題,讓人很頭疼。

想知道有沒有一種解決方案:每次相關(guān)目錄下的js,css文件內(nèi)容修改,由工具處理,計(jì)算得到內(nèi)容hash,拼接到文件名后,這樣只要文件變動(dòng)文件名也會(huì)變動(dòng),而且其他引用這些css/js文件的html文件(或者php文件,公司使用的是php)的引用地址也關(guān)聯(lián)發(fā)送變化。

比如 項(xiàng)目目錄下有 a,b兩個(gè)目錄,a目錄下的是一些js文件,b目錄下是一些html(php)文件,html 通過script標(biāo)簽的src屬性引用a目錄下的腳本,想要a目錄中 a.1.js文件內(nèi)容修改后,通過某種方法 更名為 a.1.contenthash.js ,b目錄下引用a.1.js的b.1.html文件  引用地址也跟著變?yōu)?src='a.1.contenthash.js'.

嘗試著過webpack的文檔說明,感覺沒能滿足我的問題情景:
1.資源js文件在 某個(gè)目錄下
2.引用資源js文件 的php/html 文件分布在 模塊命名的 目錄下 (公司使用的是 php laravel框架),

小弟webpack使用不多,對(duì)webpack的認(rèn)知也僅留在官網(wǎng)上的說明,如果webpack能解決類似我的問題,敬請(qǐng)告知小弟一下,如果webpack不能,也請(qǐng)告知一下解決其他解決方案一下,感謝 )_(

回答
編輯回答
純妹

這就是典型的 webpack 應(yīng)用場(chǎng)景,你好好看下文檔,關(guān)于模板和輸出的那部分。

2018年2月19日 03:15