Webpack дахь Devtool гэж юу вэ?
Webpack дахь Devtool гэж юу вэ?

Видео: Webpack дахь Devtool гэж юу вэ?

Видео: Webpack дахь Devtool гэж юу вэ?
Видео: Webpack за 2 минуты 2024, May
Anonim

Devtool . Энэ сонголт нь эх газрын зураг үүсгэх эсэх, хэрхэн үүсгэхийг хянадаг. Илүү нарийн тохиргоог хийхийн тулд SourceMapDevToolPlugin ашиглана уу. Одоо байгаа эх газрын зурагтай ажиллахын тулд эх газрын зураг ачаалагчийг харна уу.

Үүний дагуу Webpack дахь Sourcemap гэж юу вэ?

Нэг ёсондоо эх газрын зураг нь таны нууц (жижиг) кодын декодчилогч цагираг юм. Ашиглаж байна Вэб багц , таны дотор devtool: "source-map"-г зааж өгнө Вэб багц config нь эх газрын зургийг идэвхжүүлнэ, мөн Вэб багц нь таны эцсийн, жижигрүүлсэн файлд sourceMappingURL зааврыг гаргах болно.

Дараа нь асуулт бол Webpack нэгтгэх гэж юу вэ? вэб багц - нэгтгэх хангадаг нэгтгэх массивуудыг нэгтгэж, шинэ объект үүсгэх объектуудыг нэгтгэдэг функц. Хэрэгтэй үедээ нэгтгэх тохиргооны объектууд, вэб багц - нэгтгэх хэрэг болно. бас бий вэб багц тодорхой нэгтгэх гэж нэрлэгддэг хувилбар нэгтгэх.

Үүнтэй холбогдуулан Webpack юунд ашиглагддаг вэ?

Вэб багц нь JavaScript програмуудад зориулсан статик модуль багц бөгөөд таны програмаас бүх кодыг авч, вэб хөтөч дээр ашиглах боломжтой болгодог. Модулиуд нь таны програмын JavaScript, node_modules, зураг, CSS загваруудаас бүтээгдсэн дахин ашиглах боломжтой кодын хэсгүүд бөгөөд тэдгээрийг хялбархан багцалсан байдаг. - д ашигласан таны вэбсайт.

Sourcemaps хэрхэн ажилладаг вэ?

Яаж Газрын зургийн эх сурвалжийн ажил . Нэрнээс нь харахад эх газрын зураг нь шахсан файл доторх кодыг анхны эх сурвалж руу нь буулгахад ашиглаж болох бүхэл бүтэн мэдээллийн багцаас бүрддэг. Та өөрийн шахсан файл бүрт өөр эх газрын зургийг зааж өгч болно.

Зөвлөмж болгож буй: