Webpackdagi Devtool nima?
Webpackdagi Devtool nima?

Video: Webpackdagi Devtool nima?

Video: Webpackdagi Devtool nima?
Video: Webpack dev server y source maps | tutorial práctico 2024, May
Anonim

Devtool . Ushbu parametr manba xaritalari qanday va qanday yaratilishini nazorat qiladi. Aniqroq konfiguratsiya uchun SourceMapDevToolPlugin-dan foydalaning. Mavjud manba xaritalari bilan ishlash uchun manba-map-loader-ga qarang.

Shunga ko'ra, Webpack-da Sourcemap nima?

Qaysidir ma'noda, manba xaritalari sizning maxfiy (kichiklashtirilgan) kodingiz uchun dekoder halqasidir. Foydalanish Veb-paket , devtoolni ko'rsating: "source-map" sizning Veb-paket config manba xaritalarini faollashtiradi va Veb-paket yakuniy, kichiklashtirilgan faylingizda sourceMappingURL direktivasini chiqaradi.

Keyinchalik savol tug'iladi, Webpack birlashmasi nima? veb-paket - birlashtirish beradi a birlashtirish massivlarni birlashtiradigan va yangi ob'ekt yaratadigan ob'ektlarni birlashtiradigan funksiya. Qachon kerak bo'lsa birlashtirish konfiguratsiya ob'ektlari, veb-paket - birlashtirish yordam berishi mumkin. Yana bor veb-paket xos birlashtirish deb nomlanuvchi variant birlashtirish.

Bu borada Webpack nima uchun ishlatiladi?

Veb-paket JavaScript ilovalari uchun statik modul to'plamidir - u ilovangizdagi barcha kodni oladi va uni veb-brauzerda foydalanishga imkon beradi. Modullar ilovangizning JavaScript, node_modules, tasvirlar va CSS uslublaridan yaratilgan qayta foydalanish mumkin boʻlgan kod boʻlaklari boʻlib, ular osonlikcha toʻplangan. da ishlatilgan veb-saytingiz.

Sourcemaps qanday ishlaydi?

Qanaqasiga Manba xaritalari ishlaydi . Nomidan ko'rinib turibdiki, manba xaritasi siqilgan fayl ichidagi kodni asl manbasiga qaytarish uchun ishlatilishi mumkin bo'lgan butun ma'lumotlardan iborat. Siqilgan fayllaringizning har biri uchun boshqa manba xaritasini belgilashingiz mumkin.

Tavsiya: