Importação condicional de módulos ES6

No ES6, as palavras-chave 'import' e 'export' só podem aparecer no nível superior de um módulo. Isto evita a importação condicional, um requisito comum em muitas aplicações. Esta questão explora uma solução para este problema.

Inicialmente, o usuário tentou usar instruções condicionais para importar um módulo, mas isso resultou em um SyntaxError. O usuário então investigou usando System.import, mas encontrou dificuldades para localizar os recursos necessários.

A solução para importação condicional é fornecida pela introdução de importações dinâmicas no ECMAScript 2020. As importações dinâmicas usam a função import(), que leva um argumento de string representando o nome do módulo. A função retorna uma promessa que resolve para o módulo importado.

Veja como você pode importar condicionalmente um módulo usando importações dinâmicas:

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

Neste exemplo, a palavra-chave 'import' aparece dentro de uma instrução condicional. A função import() retorna uma promessa que é então resolvida e o módulo é atribuído à variável 'alguma coisa'. Isso permite a importação condicional do módulo sem erros de sintaxe.