Mod Pengeluaran dalam Framework NextJS
Mod pengeluaran direka untuk menghidupkan projek di hos. Matlamat utama mod ini adalah untuk memastikan prestasi dan keselamatan projek yang maksimum, serta mengurangkan saiz fail yang dimuat turun untuk menjimatkan memori sistem.
Ciri-ciri utama mod pengeluaran:
- Pengoptimuman kod - sebelum dilancarkan dalam mod pengeluaran, kod dikompilasi. Sebagai contoh, pemelaran (minification) JavaScript dan CSS dilakukan untuk mengurangkan saiznya dan mempercepatkan muat turun halaman.
- Penjanaan statik - framework menghasilkan halaman terlebih dahulu, yang mempercepatkan muat turunnya di laman web.
- Pengoptimuman imej, yang secara automatik dikompres dan disesuaikan untuk pelbagai saiz skrin dan peranti.
- Pembuangan maklumat penyahpepijat - semua kod untuk penyahpepijatan ralat dikeluarkan dari halaman penyemak imbas. Ini diperlukan untuk operasi yang selamat bagi projek dan menyembunyikan maklumat tentang struktur fail dari pengguna.
- Tiada muat semula panas - berbeza dengan mod pembangunan, tiada muat semula automatik untuk setiap perubahan yang dibuat.
Mod pengeluaran dihidupkan dengan dua arahan. Pertama, kita perlu menjalankan binaan pengeluaran projek:
npm run build
Kemudian, hidupkan projek yang telah dibina:
npm start
Selepas projek dihidupkan, anda akan melihat maklumat tentang struktur utama projek. Simbol khas menandakan jenis kandungan projek - statik dan dinamik. Buat masa ini, kita hanya mempunyai kandungan statik.
Sebagai percubaan, hidupkan projek dalam mod pengeluaran.
Matikan mod pengeluaran dan hidupkan mod pembangunan. Dalam pelajaran seterusnya, kita akan bekerja dalam mod ini.