Cómo asegurarme de que la etiqueta del script se ejecute en el orden que defino y también sincrónicamente, porque en el módulo importaré algún otro módulo de forma remota y luego lo usaré.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script defer="false" async="false" type="module"> // will have import some module remotely here as well console.log('one'); </script> <script defer="false" async="false" type="text/javascript"> console.log('two'); </script> <script defer="false" async="false" type="module"> console.log('three'); </script> <script defer="false" async="false" type="text/javascript"> console.log('four'); </script> </body> </html>Salida de la consola:
two four one threeMi hallazgo es que el motor ejecutará todo el script de vainilla en orden primero y luego solo ejecutará el script del módulo en orden. ¿Cómo puedo cambiar este comportamiento?