JS，WebPack，不使用 Phaser3 超出预加载 Function 动态加载图像 IO 游戏

Question

我制作 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 打包文件后，我可以动态加载图像的方法是什么？

Answer 1

我不是 webpack 专家（取决于 webpack 版本） ，但如果您不使用 webpack.config，则默认行为应该是：

• webpack捆绑文件放置在./dist文件夹中。 因此，要回答您的问题，不在此文件夹中的任何文件都不会与 webpack 捆绑在一起

除非它们在main.js中“内联”，否则我认为图像不会自动内联/没有插件，或者至少在我以前使用的版本中。

• dev-server提供了一个额外的文件夹，其中可以放置“静态”文件，它是./public ( https://webpack.js.org/configuration/dev-server/ )

因此，从开发服务器提供的所有文件都必须位于这些文件夹中。

我会将图像/资产放入该./public文件夹中，并且它们应该是可见的。

信息：我曾经绊倒过一次，可以访问放置在./public文件夹中的文件，就好像它们在./dist文件夹中一样。