Javascript Modules Lanjut Dynamic Import Tree Shaking Reexport

Definisi

ES Modules lanjut: import() dinamis (lazy load), tree-shaking (bundler buang kode tak terpakai), dan re-export (export ... from) untuk merangkum API.

Kanan dipakai

• Dynamic import: load chunk besar (chart, editor) saat butuh, bukan saat awal.
• Tree-shaking: pastikan bundler (Vite/Webpack/Rollup) bisa buang kode mati.
• Re-export: buat barrel file (index.js) agar impor rapi.

Cara kerja

Dynamic import

js

button.onclick = async () => {
  const { chart } = await import('./chart.js');
  chart.render();