რა არის Devtool Webpack-ში?
რა არის Devtool Webpack-ში?

ვიდეო: რა არის Devtool Webpack-ში?

ვიდეო: რა არის Devtool Webpack-ში?
ვიდეო: Source Maps 101 + Webpack - Ep. 6 2024, ნოემბერი
Anonim

Devtool . ეს პარამეტრი აკონტროლებს თუ როგორ და როგორ იქმნება წყაროს რუკები. გამოიყენეთ SourceMapDevToolPlugin უფრო დეტალური კონფიგურაციისთვის. იხილეთ Source-Map-loader, რათა გაუმკლავდეთ არსებულ წყაროს რუქებს.

შესაბამისად, რა არის Sourcemap Webpack-ში?

გარკვეული გაგებით, წყაროს რუქები არის თქვენი საიდუმლო (მინიფიცირებული) კოდის დეკოდერის რგოლი. გამოყენება ვებპაკეტი , მიუთითებს devtool: "source-map" თქვენს ვებპაკეტი კონფიგურაცია ჩართავს წყაროს რუქებს და ვებპაკეტი გამოიტანს sourceMappingURL დირექტივას თქვენს საბოლოო, მინიფიცირებულ ფაილში.

შემდგომში ჩნდება კითხვა, რა არის Webpack შერწყმა? ვებპაკეტი - შერწყმა უზრუნველყოფს ა შერწყმა ფუნქცია, რომელიც აერთიანებს მასივებს და აერთიანებს ობიექტებს ახალი ობიექტის შესაქმნელად. როცა დაგჭირდება შერწყმა კონფიგურაციის ობიექტები, ვებპაკეტი - შერწყმა შეიძლება გამოადგეს. ასევე არის ა ვებპაკეტი კონკრეტული შერწყმა ვარიანტი ცნობილია როგორც შერწყმა.

ამასთან დაკავშირებით, რისთვის გამოიყენება Webpack?

ვებპაკეტი არის სტატიკური მოდულის ბანდლერი JavaScript აპლიკაციებისთვის - ის იღებს მთელ კოდს თქვენი აპლიკაციიდან და ხდის მას გამოყენებადს ვებ ბრაუზერში. მოდულები არის თქვენი აპლიკაციის JavaScript-ის, node_modules-ის, სურათებისა და CSS სტილებიდან აგებული კოდის მრავალჯერადი გამოყენება, რომლებიც შეფუთულია ადვილად გამოსაყენებლად. გამოიყენება თქვენი საიტი.

როგორ მუშაობს Sourcemaps?

Როგორ წყარო რუქების მუშაობა . როგორც სახელი გვთავაზობს, წყაროს რუკა შედგება ინფორმაციის მთელი თაიგულისგან, რომელიც შეიძლება გამოყენებულ იქნას შეკუმშული ფაილის შიგნით კოდის საწყის წყაროზე დასაბრუნებლად. თქვენ შეგიძლიათ მიუთითოთ სხვადასხვა წყაროს რუკა თითოეული თქვენი შეკუმშული ფაილისთვის.

გირჩევთ: