Mis intentos de hacer un juego IO están fallando, ya que no puedo cargar imágenes dinámicamente después de haber empaquetado el juego usando WebPack (una hipótesis). Cuando cargo de forma diferida cualquier activo, ya sea de origen cruzado o local, no parece cargarse ni renderizarse.
en index.js tengo esto en la creación de Phaser():
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();cuando uso la precarga, funciona. Pero dinámicamente no lo hace. He estado buscando durante casi un día seguido sin suerte.
pregunta:
¿Es correcta mi suposición? Y si es así, ¿de qué manera puedo cargar imágenes dinámicamente después de que WebPack haya empaquetado los archivos?
No soy un experto en paquetes web (y dependiendo de la versión del paquete web) , pero si no está utilizando un paquete web.config, el comportamiento predeterminado es que debería haber:
./dist . Entonces, para responder a su pregunta, cualquier archivo que no esté en esta carpeta no se incluye con el paquete webExcepto si están "en línea" en
main.js, creo que las imágenes no se integran automáticamente/sin complemento, o al menos en la versión que solía usar.
./public ( https://webpack.js.org/configuration/dev-server/ )Por lo tanto, todos los archivos que se sirven desde el servidor de desarrollo deben estar en una de esas carpetas.
Colocaría las imágenes/activos en esa carpeta ./public , y deberían estar visibles.
Información: Me tropecé con esto una vez, se accede a los archivos ubicados en la carpeta
./public, como si estuvieran en la carpeta./dist.