He estado tratando de cargar un archivo javascript de forma condicional, pero no funciona cuando construyo la aplicación con el paquete. No sé qué está pasando, pero parece que el paquete no crea el archivo cuando lo cargo. La función que quiero lograr es que un determinado archivo javascript solo se cargue en dispositivos de escritorio/dispositivos con un ancho >= 600 px. Intenté construir con Vs Code Live Serve, y parecía funcionar bien, sin embargo, cuando construyo con paquete, esta función no funciona. ¿Alguna ayuda por favor?

 <script> var matchMedia = window.matchMedia("(max-width:600px)"); if (matchMedia.matches) { return; } else { var script = document.createElement('script'); script.type = "text/javascript"; script.src = "assets/js/main.js"; document.body.appendChild(script); } </script>