Erstellen und Vorschau anzeigen
Führen Sie vite build und vite preview aus, um Ihren Produktions-Build lokal zu überprüfen.
Erstellen und Vorschau anzeigen ist eine kostenlose Sveltejs Academy-Lektion auf CoddyKit. Dies ist Lektion 4 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Sveltejs Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
Build-Befehl
Führen Sie das Build-Skript aus, um eine produktionsbereite Ausgabe zu erstellen.
npm run buildWas der Build macht
Vite bündelt, führt Tree-Shaking durch und minimiert Ihren Code. SvelteKit wendet den ausgewählten Adapter an.
Lokal vorschauen
Verwenden Sie das Vorschau-Skript, um den Production-Build lokal zu testen.
npm run previewWarum die Vorschau
Die Vorschau entspricht eher der Produktion als die Entwicklungsumgebung: Sie stellt die erstellten Bundles bereit, nicht HMR-instrumentierten Code.
Build-Ausgabe
Die Ausgabe wird standardmäßig in build/ abgelegt. Jeder Adapter passt die Struktur an.
Build-Fehler
TypeScript-Fehler und Probleme mit Imports werden hier sichtbar. Beheben Sie sie vor der Bereitstellung.
Performance-Audit
Führen Sie Lighthouse gegen npm run preview aus, um die tatsächliche Performance einzuschätzen.
Bundle-Analyse
Fügen Sie vite-bundle-visualizer oder rollup-plugin-visualizer hinzu, um die Zusammensetzung des Bundles zu untersuchen.
Umgebungsdateien
Production-Builds verwenden standardmäßig .env.production; die Entwicklung verwendet .env.
Source Maps
Aktivieren Sie Source Maps für die Produktion zur Fehlerüberwachung und wägen Sie dabei Datenschutz gegen Debugbarkeit ab.
CI-Builds
Führen Sie den Build in der CI aus, bevor Sie die App bereitstellen, um Probleme frühzeitig zu erkennen.
Schnelltest
Was macht npm run preview?
Zusammenfassung
Verwenden Sie build für die Produktion und preview für lokale Tests unter produktionsähnlichen Bedingungen vor der Bereitstellung.
Häufig gestellte Fragen
Ist die Lektion „Erstellen und Vorschau anzeigen“ kostenlos?
Ja — der vollständige Text von „Erstellen und Vorschau anzeigen“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Sveltejs Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Erstellen und Vorschau anzeigen“?
Führen Sie vite build und vite preview aus, um Ihren Produktions-Build lokal zu überprüfen. Du übst Sveltejs Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Sveltejs Academy zu starten?
Keine Vorkenntnisse erforderlich. Sveltejs Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 4 von 4.
Wie lange dauert die Lektion „Erstellen und Vorschau anzeigen“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Sveltejs Academy-Lektion Code schreiben und ausführen?
Ja. Jede Sveltejs Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- adapter-static für statische Websites
- adapter-node für Node.js-Server
- adapter-vercel und adapter-cloudflare
- Erstellen und Vorschau anzeigen