Tree shaking
Bundlerns process att ta bort oanvänd kod från det slutliga paketet, baserat på vilka exports som faktiskt importeras.
Tree shaking fungerar tack vare ES-modulers statiska import/export-syntax: bundlern kan vid byggtillfället avgöra exakt vilka funktioner som används och utesluta resten. Om du importerar { format } from 'date-fns' ingår bara format i bundeln, inte hela biblioteket.
Effektivt tree shaking kräver att bibliotek är skrivna med ES-moduler och undviker side effects på modulnivå. Next.js kör tree shaking automatiskt via sin bundler — du behöver inte konfigurera något.
Att vara medveten om tree shaking hjälper dig välja bibliotek och skriva egna moduler på ett sätt som håller klientbundeln liten. Undvik namnlösa default-exporter av hela objekt om individuella funktioner importeras separat.