Webpack Mode jam tangan adalah fitur yang memungkinkan alat memantau file sumber Anda untuk perubahan dan memicu kompilasi ulang secara otomatis setiap kali perubahan terdeteksi. Ini sangat berguna selama pengembangan, karena membantu Anda menghemat waktu dengan menghindari kompilasi ulang manual setiap kali Anda membuat perubahan pada kode.
Inilah cara Anda menggunakan Webpack mode jam tangan:
Berjalan Webpack dalam Mode Tontonan
Untuk menjalankan Webpack dalam mode jam tangan, Anda dapat menggunakan --watch bendera saat menjalankan webpack perintah melalui terminal Anda. Misalnya:
npx webpack --watch
Dengan perintah ini, Webpack akan mulai menonton file sumber Anda dan secara otomatis mengkompilasi ulang bundel setiap kali Anda menyimpan perubahannya.
Webpack Konfigurasi
Anda juga dapat menyetel mode tontonan di webpack file konfigurasi( webpack.config.js) dengan menambahkan watch: true opsi:
module.exports = {
// ...other configuration options
watch: true
};
Dengan cara ini, Anda tidak perlu menggunakan --watch flag setiap kali Anda menjalankan webpack perintah.
Perilaku
Saat Webpack dalam mode jam tangan, itu akan terus memantau file sumber Anda untuk perubahan. Setiap kali Anda membuat perubahan dan menyimpan file, Webpack secara otomatis akan mengkompilasi ulang bundel. Ini memungkinkan Anda untuk melihat perubahan dalam aplikasi Anda tanpa harus memicu proses build secara manual setiap saat.
Perlu diingat bahwa meskipun mode jam tangan bagus untuk pengembangan, mode ini biasanya tidak digunakan dalam build produksi, karena dapat menghabiskan sumber daya yang tidak diperlukan. Untuk build produksi, biasanya Anda akan menggunakan Webpack untuk membuat bundel yang dioptimalkan dan diperkecil tanpa mode jam tangan.
Ingatlah untuk merujuk ke dokumentasi resmi Webpack untuk informasi terbaru tentang penggunaan mode jam tangan dan opsi terkaitnya.