Membangun dan Melihat Pratinjau
Jalankan vite build dan vite preview untuk memverifikasi build produksi Anda secara lokal.
Membangun dan Melihat Pratinjau adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 4 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Sveltejs Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Perintah Build
Jalankan skrip build untuk membuat hasil keluaran yang siap produksi.
npm run buildFungsi Build
Vite menggabungkan, menghapus bagian yang tidak digunakan, dan meminimalkan kode Anda. SvelteKit menerapkan adapter yang dipilih.
Pratinjau Secara Lokal
Gunakan skrip pratinjau untuk menguji build produksi secara lokal.
npm run previewAlasan Menggunakan Pratinjau
Pratinjau lebih mendekati produksi daripada mode pengembangan: pratinjau menyajikan bundel yang telah dibuat, bukan kode yang dilengkapi HMR.
Hasil Keluaran Build
Hasil keluaran masuk ke build/ secara default. Setiap adapter menyesuaikan strukturnya.
Error Build
Error TypeScript dan masalah impor muncul di sini. Perbaiki sebelum melakukan deployment.
Audit Kinerja
Jalankan Lighthouse terhadap npm run preview untuk mengukur kinerja nyata.
Analisis Bundel
Tambahkan vite-bundle-visualizer atau rollup-plugin-visualizer untuk memeriksa komposisi bundel.
File Lingkungan
Build produksi menggunakan .env.production secara default; mode pengembangan menggunakan .env.
Peta Sumber
Aktifkan peta sumber produksi untuk pemantauan error dengan menyeimbangkan privasi dan kemudahan penelusuran error.
Build CI
Jalankan build di CI sebelum melakukan deployment untuk menemukan masalah lebih awal.
Pemeriksaan Singkat
Apa yang dilakukan npm run preview?
Ringkasan
Gunakan build untuk produksi dan preview untuk pengujian lokal yang menyerupai produksi sebelum deployment.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Membangun dan Melihat Pratinjau” gratis?
Ya — teks lengkap “Membangun dan Melihat Pratinjau” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Sveltejs Academy, upgrade ke CoddyKit PRO. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Membangun dan Melihat Pratinjau”?
Jalankan vite build dan vite preview untuk memverifikasi build produksi Anda secara lokal. Kamu berlatih Sveltejs Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Sveltejs Academy?
Tidak diperlukan pengalaman sebelumnya. Sveltejs Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 4 dari 4.
Berapa lama pelajaran “Membangun dan Melihat Pratinjau” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Sveltejs Academy ini?
Ya. Setiap pelajaran Sveltejs Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- adapter-static untuk Situs Statis
- adapter-node untuk Server Node.js
- adapter-vercel dan adapter-cloudflare
- Membangun dan Melihat Pratinjau