簡易サーバーと自動リロード

qiita.com

準備

今回はwebpackでjsの変更を監視しつつ、変更があったら簡易サーバーで立ち上げたページが自動更新するという風にしたいと思います。そのために、 lite-server と concurrently を追加します。

$ yarn add lite-server concurrently --dev

package.json

...
  "scripts": {
    "webpack": "webpack -w",
    "lite": "lite-server --verbose --open dist",
    "start": "concurrent \"yarn run webpack\" \"yarn run lite\""
  },
...

実行

$ yarn run start