16
Help us understand the problem. What are the problem?

More than 3 years have passed since last update.

posted at

Organization

NodeJSでTypeScriptのホットリロード

はじめに

TypeScriptは「型チェック」や「静的型付け」などに対応している言語です。実行する際はtscコマンドで一旦javascriptにコンパイルする作業が必要となります。
NodeJS/Typescriptを書くときに一々tscでコンパイルする操作が面倒だったので、ホットリロード的な機能がないか探してみました。

ts-nodeとnodemonを使う

ホットリロードを実現するには、ts-nodeとnodemonを組み合わせます。

ts-node
NodeJS上で直接tsファイルを実行できるライブラリ。

nodemon
ファイルを監視し、変更があればnodeプロセスを再起動するライブラリです。

今回は

  1. ts-nodeでnode上からtsファイルを実行
  2. nodemonでtsファイルを監視する

という手順を組み合わせます。

インストール

npm install -g typescript
npm install -g ts-node
npm install -g nodemon

nodemonにts用の設定を追加する

プロジェクトルートに以下のように記述します。

nodemon.json
{
    // 監視するフォルダ
    "watch": ["src"],   
     // .tsを監視する
     "ext": "ts",   
     // nodemonを起動したらts-nodeを実行する
    "exec": "ts-node ./src/index.ts"  
}

nodemonの実行

$ nodemon

参考リンク

reddit読むとtscにwatchオプションがあるみたいです。

Register as a new user and use Qiita more conveniently

  1. You can follow users and tags
  2. you can stock useful information
  3. You can make editorial suggestions for articles
What you can do with signing up
16
Help us understand the problem. What are the problem?