En mi proyecto, usamos Laravel Mix para compilar nuestro JavaScript, agrupando todas las importaciones en un solo archivo. Para mejorar la organización de algo en lo que estoy trabajando, he movido algunos de mis JS a archivos separados y los estoy importando dinámicamente cuando es necesario.

 function registerListeners(type, callback) { import(`./extras/${type}`) .then(module => { module.default({ callback, // some other stuff }) }) }

Todo esto se comporta bien y funciona, sin embargo, esos archivos importados dinámicamente se colocan en la ubicación incorrecta.

Actualmente, mi configuración mixta está configurada con mi archivo JavaScript principal creado para public/js/app.js

 mix.js("resources/assets/js/app.js", "public/js")

Sin embargo, los archivos importados dinámicamente se colocan directamente en el directorio public/ con nombres numéricos (por ejemplo, public/0.js , public/1.js , etc.). ¿Hay alguna forma de decirle a Laravel Mix que los coloque dentro del directorio de JavaScript? No necesito los archivos combinados; tan bueno como eso sería; Solo los necesito en el lugar correcto.

Actualmente estamos usando v4.1.4 de Laravel Mix. No buscamos actualizar a menos que sea absolutamente necesario.