Webpack'te Devtool nedir?
Webpack'te Devtool nedir?

Video: Webpack'te Devtool nedir?

Video: Webpack'te Devtool nedir?
Video: Webpack & Babel Nedir ve Nasıl Kullanılılır? 2024, Mayıs
Anonim

geliştirici aracı . Bu seçenek, kaynak haritaların oluşturulup oluşturulmayacağını ve nasıl oluşturulacağını kontrol eder. Daha ince taneli bir yapılandırma için SourceMapDevToolPlugin'i kullanın. Mevcut kaynak haritalarla ilgilenmek için kaynak harita yükleyiciye bakın.

Buna göre Webpack'te Sourcemap nedir?

Bir anlamda kaynak haritalar, gizli (küçültülmüş) kodunuzun kod çözücü halkasıdır. kullanma Web paketi , devtool: "source-map" belirterek Web paketi config, kaynak haritaları etkinleştirecek ve Web paketi nihai, küçültülmüş dosyanızda bir sourceMappingURL yönergesi çıkaracaktır.

Daha sonra soru şu, Webpack birleştirme nedir? web paketi - birleştirmek sağlar birleştirmek dizileri birleştiren ve nesneleri yeni bir nesne oluşturarak birleştiren işlev. Ne zaman ihtiyacın olursa birleştirmek yapılandırma nesneleri, web paketi - birleştirmek işe yarayabilir. Ayrıca bir web paketi özel birleştirmek olarak bilinen varyant birleştirmek.

Bununla ilgili olarak, Webpack ne için kullanılır?

Web paketi JavaScript uygulamaları için statik bir modül paketleyicidir - uygulamanızdaki tüm kodu alır ve bir web tarayıcısında kullanılabilir hale getirir. Modüller, uygulamanızın JavaScript, node_modules, resimler ve CSS stillerinden oluşturulmuş yeniden kullanılabilir kod parçalarıdır. kullanılan Senin internet siten.

Kaynak Haritaları nasıl çalışır?

Nasıl Kaynak Haritaları Çalışması . Adından da anlaşılacağı gibi, bir kaynak haritası, sıkıştırılmış bir dosyadaki kodu orijinal kaynağına geri döndürmek için kullanılabilecek bir dizi bilgiden oluşur. Sıkıştırılmış dosyalarınızın her biri için farklı bir kaynak haritası belirleyebilirsiniz.

Önerilen: