Webpack'te Otomatik Derleme

Webpack'in proje dosyalarındaki değişiklikleri izlemesini ve her seferinde derlemeyi kendisinin başlatmasını sağlayabilirsiniz. Bunun için scripts içine aşağıdaki ayarı eklemeniz gerekir:

package.json"watch": "webpack --mode development --watch"

Sonuç olarak package.json dosyamız aşağıdaki gibi görünecektir:

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

Dosya izlemeyi başlatmak için aşağıdaki komutu kullanabilirsiniz:

terminalnpm run watch

Bundan sonra, izlemeyi Ctrl + C komutuyla sonlandırana kadar terminale herhangi bir komut giremezsiniz.

Задание 1

package.json dosyanıza ilgili ayarları ekleyin.

Задание 2

Webpack'i izleme modunda çalıştırın.

Задание 3

Proje dosyalarında değişiklikler yapın. Otomatik derlemenin gerçekleştiğini kontrol edin.

Задание 4

İlgili komutla izlemeyi sonlandırın.