Webpack-də Devtool nədir?
Webpack-də Devtool nədir?

Video: Webpack-də Devtool nədir?

Video: Webpack-də Devtool nədir?
Video: React Bundle Size Optimizasyon - #3 Tree Shaking #webpack #bundle #treeshaking #react 2024, Bilər
Anonim

Devtool . Bu seçim mənbə xəritələrinin yaradılıb-yaratılmamasına nəzarət edir. Daha incə dənəli konfiqurasiya üçün SourceMapDevToolPlugin-dən istifadə edin. Mövcud mənbə xəritələri ilə məşğul olmaq üçün mənbə-map-loader-ə baxın.

Müvafiq olaraq, Webpack-də Sourcemap nədir?

Müəyyən mənada mənbə xəritələri gizli (kiçikləşdirilmiş) kodunuzun dekoder halqasıdır. İstifadə Veb paketi , devtool göstərərək: "mənbə-map" sizin Veb paketi config mənbə xəritələrini aktivləşdirəcək və Veb paketi son, kiçildilmiş faylınızda sourceMappingURL direktivini çıxaracaq.

Sonradan sual yaranır ki, Webpack birləşməsi nədir? veb paketi - birləşdirin təmin edir a birləşdirin massivləri birləşdirən və yeni obyekt yaradan obyektləri birləşdirən funksiya. Nə vaxt lazımdırsa birləşdirin konfiqurasiya obyektləri, veb paketi - birləşdirin yararlı ola bilər. Bir də var veb paketi spesifik birləşdirin kimi tanınan variant birləşdirin.

Bununla bağlı Webpack nə üçün istifadə olunur?

Veb paketi JavaScript proqramları üçün statik modul paketidir - o, tətbiqinizdən bütün kodu götürür və onu veb brauzerdə istifadəyə yararlı edir. Modullar tətbiqinizin JavaScript-dən, node_modules-dən, şəkillərdən və asanlıqla hazırlanmaq üçün paketlənmiş CSS üslublarından qurulmuş təkrar istifadə edilə bilən kod parçalarıdır. - də istifadə olunur veb saytınız.

Mənbə xəritələri necə işləyir?

Necə Mənbə Xəritələr işləyir . Adından da göründüyü kimi, mənbə xəritəsi sıxılmış fayl daxilində kodu orijinal mənbəyə qaytarmaq üçün istifadə edilə bilən bütün məlumat dəstəsindən ibarətdir. Siz sıxılmış fayllarınızın hər biri üçün fərqli mənbə xəritəsini təyin edə bilərsiniz.

Tövsiyə: