Léxico de TI › Web › Import dinâmico

Import dinâmico

Web Svenska → Atualizado: 2026-09-29

Carregar um módulo JavaScript em tempo de execução com import("./module.js") como função, em vez de um import estático no topo do arquivo. Devolve uma promise e permite carregar código de forma condicional, tardia ou só quando ele realmente for necessário.

Diferença para o import estático: um import x from "..." comum sempre é executado e carregado na abertura da página. Já o import("...") é uma chamada de função que retorna uma promise com o módulo — dá para chamá-la quando quiser (após um clique, sob uma condição, quando um elemento ficar visível). Caso de uso: code splitting / lazy loading (carregar uma funcionalidade pesada, uma rota ou um diálogo raro só quando preciso → bundle inicial menor, primeira carga mais rápida) e carregamento condicional (um polyfill só se faltar, ou código diferente para cada idioma). Bundlers como Vite e webpack reconhecem o import() e separam esse código automaticamente em um "chunk" buscado sob demanda. É a base da otimização de desempenho por divisão de código. Relacionado a code splitting e módulos ES no navegador.

← Voltar ao léxico