Importación condicional de módulos ES6

En ES6, las palabras clave 'importar' y 'exportar' solo pueden aparecer en el nivel superior de un módulo. Esto evita la importación condicional, un requisito común en muchas aplicaciones. Esta pregunta explora una solución a este problema.

Inicialmente, el usuario intentó usar declaraciones condicionales para importar un módulo, pero esto resultó en un error de sintaxis. Luego, el usuario investigó usando System.import, pero encontró dificultades para localizar los recursos necesarios.

La solución a la importación condicional se proporciona mediante la introducción de importaciones dinámicas en ECMAScript 2020. Las importaciones dinámicas utilizan la función import(), que toma un Argumento de cadena que representa el nombre del módulo. La función devuelve una promesa que se resuelve en el módulo importado.

Así es como puedes importar condicionalmente un módulo usando importaciones dinámicas:

if (condition) {
  import('something')
  .then((something) => {
    console.log(something.something);
  });
}

En este ejemplo, la palabra clave 'importar' aparece dentro de una declaración condicional. La función import() devuelve una promesa que luego se resuelve y el módulo se asigna a la variable "algo". Esto permite la importación condicional del módulo sin errores de sintaxis.