Como organizar o código em módulos usando import e export no JavaScript
Módulos permitem dividir o código em arquivos separados e importar apenas o que for necessário em cada parte do projeto. Isso facilita a organização e a reutilização.
Para disponibilizar algo de um arquivo, use export.
Carregando...
Para usar o que foi exportado em outro arquivo:
Carregando...
Cada arquivo pode ter um export default, que representa o valor principal do módulo.
Carregando...
O import do default não usa chaves e pode receber qualquer nome:
Carregando...
Carregando...
Carregando...
Carregando...
Carregando...
Para que o navegador reconheça módulos, a tag <script> precisa do atributo type="module".
Carregando...
Com isso, o import e export funcionam nativamente no navegador sem precisar de ferramentas adicionais.