Webpackでの自動ビルド

Webpackにプロジェクトファイルの変更を監視させ、毎回自動的にビルドを実行させることができます。これを行うには、scriptsに以下の設定を追加します：

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

結果として、私たちのpackage.jsonファイルは以下のようになります：

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

ファイル監視は次のコマンドで起動できます：

npm run watch

この後、監視をCtrl + Cコマンドで中断するまで、ターミナルには他のコマンドを入力できません。

あなたのpackage.jsonファイルに対応する設定を追加してください。

監視モードでWebpackを起動してください。

プロジェクトファイルに変更を加えてください。自動ビルドが行われることを確認してください。

対応するコマンドで監視を中断してください。