К содержанию

Webpack 5 Tutorial

En forståelig tutorial om Webpack med teori og oppgaver for nybegynnere.

Grunnleggende

Prinsippet for hvordan Webpack-byggverktøyet fungerer

Problem med hurtiglager i nettlesere

Webpack via ES-moduler i Webpack

Installasjon av Webpack

Grunnleggende oppsett av Webpack

Konfigurasjon av byggestart for Webpack

Testkjøring med Webpack

Tilkobling av bundle til HTML i Webpack

Importering av filer til inngangspunktet i Webpack

Absolutte stier i Webpack

Plugins i Webpack

Lastere i Webpack

Byggemoduser

Typer av byggemoduser i Webpack

Endre byggemodus i konfigurasjonsfilen i Webpack

Byggemoduser via scripts i Webpack

Automatisk bygging i Webpack

Inngangs- og utgangspunkter

Inngangs- og utgangspunkter i Webpack

Entry Point i Webpack

Flere inngangspunkter i Webpack

Hash i byggfilen i Webpack

Inngangspunkternes navn i Webpack

Navngitte inngangspunkter-matriser i Webpack

Byggefilsnavn i Webpack

Navn og hash for byggfiler i Webpack

Stien til byggemappen i Webpack

Kontekst for inngangspunkter i Webpack

Stiler

Importere CSS-stiler i Webpack

Lastere for CSS-stiler i Webpack

Konfigurasjon av import av CSS-stiler i Webpack

Testing av import av CSS-stiler i Webpack

Konfigurasjon av CSS-bundling i Webpack

Testing av bygging av CSS i bundle i Webpack

Navn på CSS-bundle-fil i Webpack

CSS Bundle Hash i Webpack

Flere CSS-bundler i Webpack

Tilkobling av CSS-biblioteker i Webpack

Arbeid med LESS i Webpack

Arbeid med SASS i Webpack

HTML

Arbeid med HTML-maler i Webpack

Generering av HTML-mal i Webpack

Flere skriptbundler i layouten i Webpack

Scriptbundler med hash i layouten i Webpack

Stilbundler i layouten i Webpack

Flere stilsett-bundles i layouten i Webpack

Egen layoutfil i Webpack

Assets

Assets i Webpack

Assets i JavaScript-bundler i Webpack

Assets i CSS-bundler i Webpack

Tilpasse stien til asset-filer i Webpack

Tilpasse stien til asset-grupper i Webpack

Inline assets i Webpack

Source assets i Webpack

Generelle assets i Webpack

Plugins

Rensing av byggemappen i Webpack

Kopiering av filer i Webpack