Dynamic Import - Definição do Glossário CI/CD

Um dynamic import carrega um módulo sob demanda em tempo de execução e funciona também como ponto de code splitting para bundlers.

Um dynamic import é a expressão import() que carrega um módulo em tempo de execução e retorna uma promise, em vez de importá-lo estaticamente no topo de um arquivo. Bundlers a usam como fronteira de code splitting.

Escrever const mod = await import("./heavy.js") diz ao bundler para colocar esse módulo em um chunk separado buscado apenas quando o código roda. Isso sustenta o lazy loading. Na CI, um build vai falhar se o caminho importado dinamicamente não puder ser resolvido.

Guias relacionados