Wat is Devtool in Webpack?
Wat is Devtool in Webpack?

Video: Wat is Devtool in Webpack?

Video: Wat is Devtool in Webpack?
Video: Source Maps 101 + Webpack - Ep. 6 2024, November
Anonim

Devtool . Hierdie opsie beheer of en hoe bronkaarte gegenereer word. Gebruik die SourceMapDevToolPlugin vir 'n fyner konfigurasie. Sien die bronkaartlaaier om bestaande bronkaarte te hanteer.

Gevolglik, wat is Sourcemap in Webpack?

In 'n sekere sin is bronkaarte die dekodeerderring na jou geheime (verkleinde) kode. Met behulp van Webpak , wat devtool: "source-map" in jou Webpak config sal bronkaarte aktiveer, en Webpak sal 'n sourceMappingURL-aanwysing in jou finale, verkleinde lêer uitvoer.

Die vraag is dan, wat is Webpack-samesmelting? webpak - saamsmelt bied a saamsmelt funksie wat skikkings aaneenskakel en voorwerpe saamvoeg wat 'n nuwe voorwerp skep. Wanneer jy ook al moet saamsmelt konfigurasie voorwerpe, webpak - saamsmelt handig te pas kan kom. Daar is ook 'n webpak spesifiek saamsmelt variant bekend as saamsmelt.

Wat dit betref, waarvoor word Webpack gebruik?

Webpak is 'n statiese modulebundel vir JavaScript-toepassings - dit neem al die kode van jou toepassing en maak dit bruikbaar in 'n webblaaier. Modules is herbruikbare stukke kode wat gebou is uit jou program se JavaScript, node_modules, beelde en die CSS-style wat verpak word om maklik te wees gebruik in Jou webwerf.

Hoe werk Bronkaarte?

Hoe Bron Kaarte Werk . Soos die naam aandui, bestaan 'n bronkaart uit 'n hele klomp inligting wat gebruik kan word om die kode binne 'n saamgeperste lêer terug te karteer na sy oorspronklike bron. Jy kan 'n ander bronkaart vir elkeen van jou saamgeperste lêers spesifiseer.

Aanbeveel: