Lernziele

Modulare bezogene Spezifikationen

ES6-Modularität

Grundlegende Syntax der ES6-Modularität

On-Demand-Export und On-Demand-Import

Modulcode direkt importieren und ausführen

Webpack startet

Grundlegende Verwendung von Webpack

Installieren und konfigurieren Sie das Webpack im Projekt

Konfigurieren Sie den Ein- und Ausgang der Verpackung

Automatische Verpackungsfunktion konfigurieren

Konfigurieren Sie die generierte Vorschauseite

Konfigurieren Sie Parameter für die automatische Verpackung

Loader im Webpack

Grundlegende Verwendung von Loadern im Webpack

Verpacken und verarbeiten Sie weniger Dateien

Verpacken und verarbeiten Sie SCSS-Dateien

Konfigurieren Sie postCSS so, dass automatisch CSS-kompatible Präfixe hinzugefügt werden

Verpacken Sie Bild- und Schriftartdateien in Stylesheets

Erweiterte Syntax in JS-Dateien packen und verarbeiten

Vue-Einzeldateikomponente

Konfigurieren des Loaders von Vue-Komponenten im Webpack

Verwendung von Vue im Webpack-Projekt

Veröffentlichung des Webpack-Pakets