К содержанию

Tutorial su Webpack 5

Tutorial comprensibile sul bundler Webpack con teoria e compiti per principianti.

Base

Principio di funzionamento del bundler Webpack

Problema di cache nei browser

Webpack tramite moduli ES in Webpack

Installazione di Webpack

Configurazione iniziale del bundler Webpack

Configurazione dell'avvio della build Webpack

Build di test con Webpack

Collegamento del bundle al markup in Webpack

Importare file nel punto di ingresso in Webpack

Percorsi assoluti in Webpack

Plugin in Webpack

Loader in Webpack

Modalità di build

Tipi di modalità di build in Webpack

Cambiare la modalità di build nel file di configurazione in Webpack

Modalità di build tramite scripts in Webpack

Compilazione Automatica in Webpack

Punti di ingresso e di uscita

Punti di ingresso e uscita in Webpack

Punto di uscita in Webpack

Punti di ingresso multipli in Webpack

Hash nel file di build in Webpack

Nomi dei punti di ingresso in Webpack

Punti di ingresso nominati come array in Webpack

Nomi dei file di build in Webpack

Nomi e hash dei file di build in Webpack

Percorso della cartella di build in Webpack

Contesto delle entry point in Webpack

Stili

Importare stili CSS in Webpack

Loader per stili CSS in Webpack

Configurazione dell'importazione degli stili CSS in Webpack

Test dell'importazione di stili CSS in Webpack

Configurazione della build CSS nel bundle in Webpack

Testare la costruzione del bundle CSS in Webpack

Nome del file CSS bundle in Webpack

Hash del bundle CSS in Webpack

Più bundle CSS in Webpack

Collegamento di librerie CSS in Webpack

Lavorare con LESS in Webpack

Lavorare con SASS in Webpack

HTML

Lavorare con i layout HTML in Webpack

Generazione del layout HTML in Webpack

Più bundle di script nel layout in Webpack

Bundle di script con hash nel layout in Webpack

Bundle di stili nel layout in Webpack

Multipli bundle di stili nel layout in Webpack

Il tuo file di layout in Webpack

Assets

Assets in Webpack

Assets nei bundle JavaScript in Webpack

Assets nei bundle CSS in Webpack

Personalizzazione del percorso dei file asset in Webpack

Personalizzazione del percorso per i gruppi di asset in Webpack

Asset inline in Webpack

Source assets in Webpack

Asset Generici in Webpack

Plugin

Pulizia della cartella di build in Webpack

Copia di file in Webpack