К содержанию

Webpack 5 Tutorial

En forståelig tutorial om Webpack-byggeren med teori og opgaver for begyndere.

Grundlæggende

Webpack Bundlerens Arbejdsprincip

Problem med browser cache

Webpack gennem ES moduler i Webpack

Installation af Webpack

Grundlæggende opsætning af Webpack-bundleren

Konfiguration af Webpack Build Kørsel

Testkørsel med Webpack

Tilslutning af bundle til HTML i Webpack

Import af filer til indgangspunktet i Webpack

Absolutte stier i Webpack

Plugins i Webpack

Loadere i Webpack

Byggetilstande

Typer af byggemoduser i Webpack

Ændring af build-tilstand i konfigurationsfilen i Webpack

Byggetilstande via scripts i Webpack

Automatisk bygge i Webpack

Entry og Output Points

Entry og exit punkter i Webpack

Entry Point i Webpack

Flere indgangspunkter i Webpack

Hash i Webpack bundle-filen

Indgangspunkternes navne i Webpack

Navngivne entry points-arrays i Webpack

Byggefilsnavne i Webpack

Navne og hash for build-filer i Webpack

Stien til build-mappen i Webpack

Kontekst for indgangspunkter i Webpack

Styles

Import af CSS-stilarter i Webpack

Loadere til CSS-stilarter i Webpack

Konfiguration af CSS-import i Webpack

Test af import af CSS-stilarter i Webpack

Konfiguration af CSS-bundling i Webpack

Test af CSS-bundling i Webpack

Navnet på CSS-bundlens fil i Webpack

CSS Bundle Hash i Webpack

Flere CSS bundles i Webpack

Tilføjelse af CSS-biblioteker i Webpack

Arbejde med LESS i Webpack

Arbejde med SASS i Webpack

HTML

Arbejde med HTML-layouts i Webpack

Generering af HTML-layout i Webpack

Flere script bundles i layouten i Webpack

Script bundler med hash i layout i Webpack

Style bundles i layout i Webpack

Flere bundler af stilarter i layout i Webpack

Din egen layout-fil i Webpack

Assets

Assets i Webpack

Assets i JavaScript bundler i Webpack

Assets i CSS bundler i Webpack

Tilpasning af stien til asset-filer i Webpack

Tilpasning af stien til asset-grupper i Webpack

Inline assets i Webpack

Source assets i Webpack

Generelle assets i Webpack

Plugins

Rydning af build-mappen i Webpack

Kopiering af filer i Webpack