vanderlei
glossárioJS
$cat~/glossario/tree-shaking.md

Tree Shaking

JavaScript

Eliminação de exports não usados no bundle em build time.

tree-shaking.mdmarkdown
01

seção

Explicação

Tree Shaking — Eliminação de exports não usados no bundle em build time.

Bundler elimina exports não referenciados quando ESM static side-effect free.

Marca package "sideEffects": false quando seguro. CommonJS shake parcial.

02

seção

Exemplo

snippetJavaScript
import { debounce } from 'lodash-es';// apenas debounce entra no bundle
03

seção

Modo de uso

  • Import nomeado vs default barrel

  • Auditar bundle analyzer

  • Evitar side effect no top-level module

04

seção

Armadilhas comuns

  • Import inteiro lodash

  • Side effects imprescindíveis removidos erroneamente

05

seção

Termos relacionados

Error HandlingJSONMap
$cd~/glossario/artigo

Aprofundar no artigo

Quer ir além? Este artigo explora o tema em profundidade — leitura recomendada após o glossário.

advanced topics· 23 min

ES Modules: O Sistema de Entrega de Código JavaScript

ESM vs CommonJS, live bindings, import/export, dynamic import(), top-level await, browser vs Node, import maps e tree-shaking — o sistema de módulos oficial do JavaScript.

ler artigo
$cd~/glossario/relacionados

Mais em JavaScript

Outros termos da mesma categoria para revisão em sequência.