К содержанию

Webpack 5 Oktatóanyag

Érthető oktatóanyag a Webpack összeállításhoz elmélettel és feladatokkal kezdőknek.

Alapok

A Webpack csomagoló működési elve

A böngészők gyorsítótár problémája

Webpack ES modulokkal a Webpackben

A Webpack telepítése

A Webpack csomagoló kezdeti beállítása

A Webpack build indításának beállítása

Teszteset fordítás Webpackkel

A bundle csatolása a HTML-hez Webpackben

Fájlok importálása a belépési pontba Webpackben

Abszolút útvonalak a Webpackben

Webpack pluginjek

Webpack betöltők

Építési módok

A Webpack build módusainak típusai

A build mód megváltoztatása a konfigurációs fájlban Webpackben

Összeállítási módok scripts segítségével a Webpackben

Automatikus build Webpackban

Entry és Output pontok

Belépési és kilépési pontok a Webpackben

Webpack kimeneti pont

Több belépési pont a Webpackben

Hash a build fájlban Webpackben

Belépési pontok nevei a Webpackben

Tömböket tartalmazó elnevezett entry point-ok a Webpackban

A build fájlnevek a Webpackben

Build fájlnevek és hash Webpackben

Az összeállítási mappa elérési útja a Webpackben

A belépési pontok kontextusa a Webpackben

Stílusok

CSS stílusok importálása Webpack-ben

CSS stílus betöltők a Webpack-ben

CSS stílusok importálásának beállítása Webpackben

CSS stílusok importálásának tesztelése Webpackben

CSS bundle összeállítás beállítása Webpackben

CSS bundle tesztelése Webpackben

A CSS bundle fájlnév a Webpackben

CSS bundle hash Webpackben

Több CSS bundle Webpackban

CSS könyvtárak összekapcsolása Webpackkel

LESS használata Webpackben

SASS használata Webpackben

HTML

HTML sablonok kezelése Webpackben

HTML maket generálása Webpackben

Több szkript köteg a layoutban Webpackben

Hash-al ellátott szkript csomagok a Webpack layout-ban

Stílus bundle-ok a layoutban Webpackben

Több CSS bundle egy layoutban Webpackkel

Saját HTML layout fájl a Webpackben

Assets

Assets a Webpackban

Assets in JavaScript bundels in Webpack

Assets a CSS bundle-okban a Webpackban

Az asset fájlok elérési útjának testreszabása a Webpackben

Az assets csoportok elérési útjának testreszabása a Webpackben

Inline assets a Webpackben

Source assets a Webpackben

Általános assets a Webpackban

Pluginek

A build mappa tisztítása a Webpackben

Fájlok másolása a Webpackben