O Que É um Dynamic Import?

Um dynamic import usa a expressão import() para carregar um módulo em tempo de execução, em vez de estaticamente no topo de um arquivo. Ele retorna uma promise que resolve com o módulo assim que este é buscado e avaliado. Bundlers usam dynamic imports como pontos de divisão, produzindo chunks separados que carregam apenas quando necessário.

Por que isso importa

Carregar todas as funcionalidades de antemão atrasa a renderização inicial. Dynamic imports adiam código raramente usado até que ele seja de fato solicitado, reduzindo o bundle inicial e acelerando a primeira pintura.

Guias relacionados