Creo que tengo un malentendido de 'importación y exportación'.

Hay muchos módulos, por ejemplo: React, react-router-dom, etc...

Sin embargo, me gustaría hablar sobre el proyecto simple, solo html, css y Javascript, sin nodeJs/React.

Si derramé mi archivo js en 5 partes...

Método 1: vincular js directamente

 <script src="javascript1.js"></script> <script src="javascript2.js"></script> <script src="javascript3.js"></script> <script src="javascript4.js"></script> <script src="javascript5.js"></script>

Método 2: Función de importación desde js 2,3,4,5

 <script type="module" src="Main.js"></script> <script src="javascript2.js"></script> <script src="javascript3.js"></script> <script src="javascript4.js"></script> <script src="javascript5.js"></script>

Probé el método 2 y encontré que se rompe.

Como hay muchas variables globales en mi proyecto...

Finalmente, muestra error / alguna variable no encontrada durante la importación de la función desde otros js.

¿Hay alguna ventaja de usar 'importar y exportar' para un proyecto simple?

o

solo use el método 1, vincule el archivo js directamente.