はじめに
webpack-dev-server
はどうやらビルドを毎回してくれないみたい(速度の関係上?)なので、.ts
や.tsx
を変更するとdist/main.js
が毎回生成されるようにしたかった。
webpack
は導入済みを前提として書いていきます。
バージョン
- nodemon - 1.19.3
解決法
nodemon
というソースを監視して自動でサーバーを再起動してくれるツールがあるみたい。(参考: Qiita - nodemonとは? @mitsuhiro_K)
このnodemon
をインストール
$ yarn add nodemon -D
package.json
のスクリプトに追加
./package.json
"scripts": {
"build": "webpack",
"watch": "webpack -w",
"nodemon": "nodemon"
}
nodemon.json
を作って、以下の記入
./nodemon.json
{
"watch": ["src"],
"ext": "ts,tsx",
"exec": "webpack"
}
これで、src
ディレクトリの.ts
と.tsx
を監視して、変更されたらwebpack
を実行してくれるらしい。
nodemonの実行
$ yarn nodemon