Rsbuild 2.0: Daha hızlı, ESM öncelikli ve Node 20 paketi

Rsbuild 2.0 karşınızda: Derleme aracının ana sürümü Rspack 2.0'ı temel alıyor, ESM-first ve Node 20 dahil çeşitli varsayılanları modernleştiriyor ve bağımlılık sayısını önemli ölçüde azaltıyor. Yeni API'ler, geliştirme sunucuları ve istemciler arasındaki iletişimi genişletiyor. Aynı zamanda, sürümde çeşitli eski sorunlar bulunmaktadır: CommonJS derlemeleri ve bazı Webpack bağımlılıkları artık geçerli değildir.

Rsbuild, Rust tabanlı Rspack paketleyicisini temel alan ve Rstack ekosisteminin bir parçası olan bir derleme araçları katmanıdır. Buna, diğerlerinin yanı sıra, ortak bir yapı ve eklenti mimarisini paylaşan Rspress, Rslib ve Rstest dahildir.

Temel olarak RSpack 2.0, daha modern varsayılanlar

Rsbuild 2.0'ın kalbinde Rspack 2.0 güncellemesi yer alıyor. Projeler daha hızlı gruplandırma ve yeni optimizasyon seçeneklerinden yararlanır. Rspack, webpack dostu bir yaklaşım izliyor ancak Rust uygulaması sayesinde çok daha hızlı çalışıyor.

Aynı zamanda Rsbuild teknik tabanını da modernleştiriyor. Ana paket yalnızca bir ES modülü olarak görünür; CommonJS derlemesine artık gerek yok. Hedef platformlar artıyor: Sürüm 20 artık Node.js için standarttır, tarayıcı hedefleri Mayıs 2025'teki temel durumu temel almaktadır. Bu, aktarma ve çoklu doldurma ihtiyacını azaltır ve daha küçük paketlere yol açar. Rsbuild, düğüm hedefleri için varsayılan olarak simge durumuna küçültülmemiş ES modülleri de oluşturur; bu, yığın izlerinin okunmasını kolaylaştırır.

React sunucu bileşenleri ve sunucu-istemci iletişimi

React Server Components (RSC) için yeni deneysel destek. Eklenti rsbuild-plugin-rsc Veri alma ve oluşturmayı birleştiren, sunucu tarafında oluşturulan bileşenleri entegre ederek istemciye daha az JavaScript gönderir. Yerel RSpack desteğini temel alır ve istemci ile sunucu bağlamını birlikte yönetmek için Rsbuild ortamları API'sinden yararlanır. Modern.js çerçevesi zaten eklentiyi kullanıyor; TanStack Start ile entegrasyon planlanmaktadır.

Bu çalışmanın bir parçası olarak Rsbuild, geliştirme sunucusu ile tarayıcı arasındaki iletişimi genişletiyor. Hedeflenen mesajlar artık mevcut HMR kanalı üzerinden alınıp verilebilir: sunucu aracılığıyla gönderir hot.send müşterinin bildirdiği bir olay import.meta.webpackHot.on alır. Örneğin, sunucu tarafındaki bir işlem, istemcinin tüm sayfayı yeniden yüklemeden hedeflenen bir yenileme yapmasına neden olabilir. Bu amaç için ek bir WebSocket gerekli değildir.

Daha esnek sunucu ve yeni kod bölümü

Sunucu yapılandırması da esneklik kazanır. Yeni seçenek server.setup Hem geliştirme hem de önizleme sunucuları için başlatma mantığını, ara yazılımı veya uç noktalarınızı doğrudan Rsbuild yapılandırmasında tanımlamanıza olanak tanır. Bir önceki setupMiddlewares şimdilik bozulmadan kalıyor, ancak eski olduğu düşünülüyor.

Kod bölme sırasında Rsbuild yeni bir dosya çalıştırır splitChunks-Önceki seçenek olan model performance.chunkSplit entegre edilmiştir ve gelecekte yerini alması planlanmaktadır. Yapılandırma artık doğrudan Rspack'e dayanıyor ve örneğin her npm paketini kendi bloğuna bölmek için önceden tanımlanmış ön ayarlar sunuyor.

Güvenlik varsayılanları ve daha az bağımlılık

Varsayılan güvenlik ayarlarında da pek çok şey değişti: varsayılan olarak geliştirme sunucusu tüm arayüzler yerine yalnızca localhost'u dinler. Bu, yerel ağdaki geliştirme sunucularına yanlışlıkla erişilmesini önler. Ayrıca proxy ara yazılımı, HTTP/2'yi destekleyen ve bilinen güvenlik açıklarını kapatan yeni bir sürüme geçiyor.

Bağımlılıklar önemli ölçüde azalıyor. Gibi paketler core-js çoklu doldurma veya Modül Federasyonu Çalışma Zamanı için artık standart kurulumun bir parçası değildir. Projeye göre sağlanan bağımlılık sayısı 13'ten 4'e düşüyor.

Kayıt, şablonlar ve önemli değişiklikler

Ek olarak, Rsbuild artık örnek başına özel günlükçüleri desteklemektedir. Bu, genel günlükçüyü değiştirmeden günlük düzeylerini ve çıktı formatlarını daha hassas bir şekilde kontrol etmenize olanak tanır. Proje şablonları da revize edildi: yeni projeler isteğe bağlı olarak React derleyicisini kullanabilir ve TypeScript-Go tabanlı bir linter deneysel olarak mevcuttur. React 18 ve Vue 2 için şablonlar create-rsbuild takım çıkarıldı.

Sürüm 2.0 birkaç önemli değişiklik içeriyor. Proje, Node 18 ve CommonJS'yi ortadan kaldırmanın yanı sıra Webpack'e özgü tüm bileşenleri de kaldırır ve çeşitli varsayılan ayarları değiştirir. Ekip, geçiş talimatlarını sağlar; Şirkete göre birçok ayarlama otomatikleştirilebiliyor.

Rsbuild'in yeni sürümüne ilişkin tüm bilgilere GitHub proje sayfasındaki sürüm notlarında ve geliştirici duyurusunda ulaşılabilir.

(fo)