iT邦幫忙

0

Angular webpack打包問題

  • 分享至 

  • xImage

各位大神好,在下前端菜雞
最近遇到了前端打包上的問題
目前的情況是這樣的

由於webpack打包的機制,會將更改過的檔案更改hash重新命名
所以CDN上就會抓到有這筆新的檔案,就會加到CDN cache中,到這裡都運行正常

但是,假設今天有個檔案叫做main.js
他被改了三次,就會產生
main.hashaaa.js
main.hashbbb.js
main.hashccc.js
結果這三個檔案都是相同的,但是版本不同
可能會產生相依性的問題

以前的做法會是上版之前,會手動把當前版本的build resource包起來變成一個資料夾,變成舊版本儲存
然後在編譯新版本出來,接著把這些資源發布
如果有問題,就把舊版本的資源拿出來做revocery

不知道有沒有什麼好的方法可以處理將同個版本的build resource歸類的問題
同時又能讓CDN知道我們變更了檔案要進行正確的緩存處理

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

2
超級前端人
iT邦新手 3 級 ‧ 2022-11-15 21:21:46
最佳解答

你確認一下你的output是不是打,main.[id].js這樣它會生成隨機的file name,你把它改掉就好了。

whitefloor iT邦研究生 2 級 ‧ 2022-11-15 23:02:02 檢舉

感謝大大
明天我試試看,有找到一些資料跟你提供的靈感
白天忙到累沒想到這麼簡單XD

我要發表回答

立即登入回答