webpack5 をほぼチュートリアル通りに進める その3（watch する）

最終更新日:

webpack で watch できるようにする。
webpack.config.js に書き込む方法と cli で指定する方法がある。

ここでは cli で指定する方法で watch する。
コマンドは下記になる。

$ webpack --mode=development --watch

package.json を編集してこのコマンドを簡単に呼び出せるようにする。

package.json

scripts を編集。
build と dev の名称については何でもいい。

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

呼び出す

watch する時

$ npm run dev

本番環境でビルドする時

$ npm run build

関連投稿