Pembuatan Otomatis di Webpack

Kita dapat mengatur Webpack untuk memantau perubahan file proyek dan secara otomatis menjalankan proses pembuatan setiap kali. Untuk melakukannya, tambahkan pengaturan berikut ke dalam scripts:

"watch": "webpack --mode development --watch"

Hasilnya, file package.json kita akan terlihat seperti berikut:

"scripts": {
	"build": "webpack",
	"dev":   "webpack --mode development",
	"prod":  "webpack --mode production",
	"watch": "webpack --mode development --watch"
},

Pantau perubahan file dapat dijalankan dengan perintah berikut:

npm run watch

Setelah itu, tidak ada perintah lain yang dapat dimasukkan ke terminal, sampai Anda menghentikan pemantauan dengan perintah Ctrl + C.

Tambahkan pengaturan yang sesuai ke dalam package.json Anda.

Jalankan Webpack dalam mode watch.

Lakukan perubahan pada file proyek. Pastikan bahwa pembuatan otomatis terjadi.

Hentikan pemantauan dengan perintah yang sesuai.