Blog
Mert Özen'in yazılım geliştirme, backend, frontend ve DevOps üzerine blog yazıları.
esbuild: Go ile Yazılan Hız, API, Plugin'ler ve Sınırları
esbuild hızlıdır çünkü Go ile native koda derlenir, işi çekirdeklere paralel dağıtır ve AST üzerinde yalnız üç geçiş yapar; lodash-es'in tamamını webpack'ten yaklaşık 22 kat hızlı ama %9 daha büyük bundle'ladı. Bookstore widget'ında CLI'ı, JS API'sini, metafile'ı ve onResolve/onEnd plugin'lerini kullanıyor; type check, HMR, HTML ve code splitting'deki sınırlarını ve Angular CLI'daki yerini görüyoruz.
webpack'i Anlamak: Entry, Loader, Plugin, Module Federation ve 2026'da Ne Zaman Hâlâ Gerekli?
webpack her dosyayı bir module sayar; loader'lar dosyayı sağdan sola dönüştürür, plugin'ler derleme hook'larına bağlanır. 5.112 CSS, HTML entry ve TypeScript'i loader'sız destekliyor; yeni projede yerini Vite aldı, ama eski Angular builder'ları, Module Federation ve özel loader'lı büyük projelerde hâlâ gerekli. Bookstore widget'ında loader sırası hatasını, kendi manifest plugin'imizi, splitChunks'ın minSize sınırını ve Module Federation'ın maliyetini ölçüyoruz.
Build Aracı Neden Var? Module Graph, Transpiling, Bundling, Minification ve Dev Server'ın Görevi
Build aracı, tarayıcının tek başına yapamadığı işi yapar: import'ları çözüp module graph'ı kurar, TypeScript'i çevirir, kullanılmayan kodu atar, dosyaları birleştirip küçültür ve içerikten hash'lenmiş adlar verir. Bookstore'un kitap arama widget'ında bundler'sız ESM'in 642 isteğini, Vite 8 ile 3 isteğe inen çıktıyı, Baseline build target'ını ve dev server ile production build farkını gerçek çıktılarla inceliyoruz.