Mikä on Devtool Webpackissa?
Mikä on Devtool Webpackissa?

Video: Mikä on Devtool Webpackissa?

Video: Mikä on Devtool Webpackissa?
Video: Эльдар Джафаров - "The Grail: React based Isomorph apps framework" 2024, Saattaa
Anonim

Devtool . Tämä vaihtoehto määrittää, luodaanko lähdekartat ja miten. Käytä SourceMapDevToolPlugin-laajennusta tarkempiin määrityksiin. Katso source-map-loader käsitelläksesi olemassa olevia lähdekarttoja.

Vastaavasti mikä on Sourcemap Webpackissa?

Eräässä mielessä lähdekartat ovat salaisen (pienennetyn) koodisi dekooderirengas. Käyttämällä Verkkopaketti , määrittämällä devtool: "lähdekartan". Verkkopaketti config ottaa käyttöön lähdekartat ja Verkkopaketti tulostaa sourceMappingURL-käskyn lopullisessa, pienennetyssä tiedostossasi.

Myöhemmin kysymys kuuluu, mikä on Webpack-fuusio? verkkopaketti - yhdistää tarjoaa a yhdistää toiminto, joka ketjuttaa taulukoita ja yhdistää objektit luoden uuden objektin. Aina kun tarvitset yhdistää konfigurointiobjektit, verkkopaketti - yhdistää voi tulla tarpeeseen. Siellä on myös a verkkopaketti erityisiä yhdistää muunnos tunnetaan nimellä yhdistää.

Mihin Webpackia käytetään tässä suhteessa?

Verkkopaketti on staattinen moduulien niputtaja JavaScript-sovelluksille - se ottaa kaiken koodin sovelluksestasi ja tekee siitä käytettävän verkkoselaimessa. Moduulit ovat uudelleenkäytettäviä koodipaloja, jotka on rakennettu sovelluksesi JavaScriptistä, node_modulesista, kuvista ja CSS-tyyleistä, jotka on pakattu helposti käytetty sinun internetsivusi.

Miten lähdekartat toimivat?

Miten Lähde Maps Work . Kuten nimestä voi päätellä, lähdekartta koostuu joukosta tietoa, jota voidaan käyttää pakatun tiedoston koodin yhdistämiseen takaisin alkuperäiseen lähteeseensä. Voit määrittää eri lähdekartan jokaiselle pakatulle tiedostolle.

Suositeltava: