Blog
Mert Özen'in yazılım geliştirme, backend, frontend ve DevOps üzerine blog yazıları.
Sass'ı Build'e Bağlamak: Source Map'ler, Angular, Vite ve ASP.NET Core Ayarları, Load Path'ler ve Derleme Performansı
Source map'i geliştirmede aç, production'da hidden yap ve .map dosyasını yayından ayır; Vite'ta sass-embedded kur, additionalData'ya yalnız CSS üretmeyen @use satırı koy. Bookstore'da Debug sonrası Release build'in Sass'ı hiç çalıştırmadığını ve map'i Brotli ve gzip kopyalarıyla yayına gönderdiğini gösteriyor, MSBuild target'ını düzeltiyor, DevTools'un .scss satırını bulduğunu ve pkg: importer'lı kendi build script'imizi deniyoruz.
Source Map'ler: ECMA-426 Formatı, Production'da Hidden Source Map, Error Tracking ve Güvenlik
Source map, minify edilmiş koddaki her konumu kaynak koda eşleyen ve Aralık 2024'ten beri ECMA-426 ile standart olan bir JSON dosyasıdır; hidden source map yalnız sourceMappingURL yorumunu kaldırır, dosya sunucudaysa herkes indirebilir. Bookstore'da mappings alanını Base64 VLQ ile çözüyor, ASP.NET Core'un .map dosyasını sunduğunu görüyor, map'leri deploy'dan ayırıyor ve production hatasını debug ID ile TypeScript satırına eşliyoruz.