webpack+vue – Erstellen Sie ein Front-End-Projekt von Grund auf

• Kapitel1 Kapitel eins
• 1-1 Kurseinführung
• 1-2 Projektinitialisierung
• 1-3 Erstellen Sie eine Vue-Root-Instanz
• 1-4 Mounten Sie App-Komponenten
• 1-5 prüfen
• 1-6 Webpack-Grundkonfiguration
• 1-7 Webpack-Skript
• 1-8 Installation des Vue-Loaders
• 1-9 Konfiguration des Vue-Loaders
• 1-10 Vue-Loader-Test
• Kapitel2 Kapitel Zwei
• 2-1 Einführung in häufig verwendete Lader
• 2-2 Grundlegende Verwendung des Dateiladers (Teil 1)
• 2-3 Grundlegende Verwendung des File-Loaders (Teil 2)
• 2-4 Verwendung eines URL-Loaders
• 2-5 CSS-Verpackung (Teil 1)
• 2-6 CSS-Verpackung (Teil 2)
• 2-7 Einführung in den Stift und Plug-Ins
• 2-8 Verpackung der Stylus-Datei
• 2-9 Verwendung des Stifts in Vue
• 2-10 HTML-Webpack-Plugin-Plugin
• Kapitel3 drittes Kapitel
• 3-1 Clean-Webpack-Plugin
• 3-2 Autoprefixer-Plugin
• 3-3 Einführung und Konfiguration von devServer
• 3-4 Implementierung des Geschäftscodes
• 3-5 HMR-Demo
• 3-6 Quellkarte
• 3-7 Verpackung in der Produktionsumgebung
• 3-8 Extrahieren Sie allgemeinen Code
• 3-9 Parsen von ES6
• 3-10 Funktionsdemonstration
• Kapitel4 Kapitel Vier
• 4-1 Projektvorbereitung
• 4-2 Komponentenaufteilung
• 4-3 Grundlegende Implementierung der MainHeader-Komponente
• 4-4 Optimierung des MainHeader-Codes
• 4-5 MainTodo-Seitenstruktur
• 4-6 MainTodo-Stil
• 4-7 Struktur der TodoItem-Seite
• 4-8 TodoItem-Stil
• 4-9 TodoItem fügt Funktionalität hinzu
• 4-10 TodoItem hat die Löschfunktion ausgewählt
• Kapitel5 Kapitel fünf
• 5-1 TodoInfo-Stil
• 5-2 Optimierung des TodoInfo-Stils
• 5-3 TodoInfo-Statistikfunktion
• 5-4 TodoInfo-Statusumschaltfunktion
• 5-5 Todoinfo-Löschfunktion
• 5-6 Zusammenfassung
• 5-7 Mainfooter-Komponente