К содержанию

Handbok för Webpack 5

En begriplig handbok för byggverktyget Webpack med teori och uppgifter för nybörjare.

Grundläggande

Hur Webpack-byggverktyget fungerar

Problem med webbläsarcache

Webpack via ES-moduler i Webpack

Installation av Webpack

Grundinställning av Webpack-byggaren

Konfigurera byggstart av Webpack

Testkörning med Webpack

Anslutning av bundle till HTML i Webpack

Importera filer till ingångspunkten i Webpack

Absoluta sökvägar i Webpack

Plugins i Webpack

Loaders i Webpack

Bygglägen

Typer av bygglägen i Webpack

Ändra byggläget i konfigurationsfilen i Webpack

Bygglägen via scripts i Webpack

Automatisk byggning i Webpack

Entry och output points

Ingångar och utgångar i Webpack

Uppgångspunkt i Webpack

Flera ingångspunkter i Webpack

Hash i byggfilen i Webpack

Namn på ingångspunkter i Webpack

Namngivna entry points-arrayer i Webpack

Byggfilnamn i Webpack

Namn och hash för build-filer i Webpack

Sökväg till byggmappen i Webpack

Kontext för ingångspunkter i Webpack

Stilar

Importera CSS-stilar i Webpack

Laddare för CSS-stilar i Webpack

Konfigurera import av CSS-stilar i Webpack

Testa import av CSS-stilar i Webpack

Konfigurera CSS-bundling i Webpack

Testa att bygga CSS i ett bundle i Webpack

Namnet på CSS-bundlefilen i Webpack

CSS-bundelns hash i Webpack

Flera CSS-paket i Webpack

Anslutning av CSS-bibliotek i Webpack

Att arbeta med LESS i Webpack

Att arbeta med SASS i Webpack

HTML

Att arbeta med HTML-layouter i Webpack

Generering av HTML-layout i Webpack

Flera script-bundlar i layouten i Webpack

Skriptbundlar med hash i layouten i Webpack

Stilbundlar i layouten i Webpack

Flera style bundles i layouten i Webpack

Din egen layoutfil i Webpack

Assets

Assets i Webpack

Assets i JavaScript-bundlar i Webpack

Assets i CSS-bundlar i Webpack

Anpassa sökvägen för asset-filer i Webpack

Anpassa sökvägen för asset-grupper i Webpack

Inline Assets i Webpack

Source assets i Webpack

Gemensamma assets i Webpack

Plugins

Rensa byggmappen i Webpack

Kopiera filer i Webpack