我制作 IO 游戲的嘗試失敗了,因為在使用 WebPack 打包游戲后我無法動態加載影像(假設)。當我延遲加載任何資產時,無論是跨源還是本地,它似乎都沒有加載和渲染。
在 index.js 中,我在移相器的 create() 中有這個:
this.load.image('arc_red', 'https://art.pixilart.com/187aec08b8014f7.gif');//testing with this
this.load.once('complete', ()=>{console.log('image loaded!')}, this);
this.load.start();
當我使用預加載時,它確實有效。但動態它不會。我一直在尋找近一天沒有任何運氣。
問題:
我的假設正確嗎?如果是的話,在 WebPack 打包檔案后我可以動態加載影像的方法是什么?
uj5u.com熱心網友回復:
我不是 webpack 專家(取決于 webpack 版本),但如果你不使用 webpack.config,默認行為應該是:
- webpack包檔案被放置在該
./dist檔案夾中。因此,要回答您的問題,不在此檔案夾中的任何檔案都未與 webpack 捆綁
除非它們在 中“行內”,
main.js否則我認為影像不會自動行內/沒有插件,或者至少在我以前使用的版本中。
- dev-server提供了一個額外的檔案夾,可以放置“靜態”檔案,它是
./public(https://webpack.js.org/configuration/dev-server/)
因此,從開發服務器提供的所有檔案都必須位于這些檔案夾中。
我會將影像/資產放入該./public檔案夾中,并且它們應該是可見的。
資訊:我絆倒了一次,
./public訪問放置在檔案夾中的檔案,就好像它們在./dist檔案夾中一樣。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/406927.html
標籤:
下一篇:連接查詢不回傳空值
