TypeScriptファイルが変更されたときにts-nodeを監視して再ロードする方法

TypeScriptとAngularアプリケーションを使用して、毎回tsファイルをトランスパイルせずに開発サーバーを実行しようとしています。で実行できることがわかりましたが、gulp ts-nodewatchの.ts場合と同じように、ファイルを監視してアプリ/サーバーをリロードしたいと思います。

nodemonカスタムコマンドを実行するためにAPIでデフォルトの動作を変更できることに気づくまで、私は開発環境で同じことに苦労していました。例えば：

nodemon --watch 'src/**/*.ts' --ignore 'src/**/*.spec.ts' --exec 'ts-node' src/index.ts

またはさらに良い：Sandokanが示唆nodemon.jsonしたように、nodemonの設定を次の内容のファイルに外部化し、を実行しますnodemon。

{ "watch": ["src/**/*.ts"], "ignore": ["src/**/*.spec.ts"], "exec": "ts-node ./index.ts" }

これによりts-node、基盤となる実装を気にすることなく、プロセスをライブでリロードできます。

乾杯！

nodemonの最新バージョン用に更新：

nodemon.json次の内容のファイルを作成します。

{
  "watch": ["src"],
  "ext": "ts",
  "ignore": ["src/**/*.spec.ts"],
  "exec": "ts-node ./src/index.ts"      // or "npx ts-node src/index.ts"
}

私はダンプnodemonしts-node、より良い代替案を支持しました、ts-node-dev https：//github.com/whitecolor/ts-node-dev

とにかく走れ ts-node-dev src/index.ts

npmスクリプトを使用したHeberLZの回答の代替案を次に示します。

私package.json：

  "scripts": {
    "watch": "nodemon -e ts -w ./src -x npm run watch:serve",
    "watch:serve": "ts-node --inspect src/index.ts"
  },

• -e フラグは検索する拡張を設定し、
• -w 監視ディレクトリを設定します、
• -x スクリプトを実行します。

--inspectでwatch:serveスクリプトが実際のNode.jsフラグであり、それだけで、プロトコルのデバッグを可能にします。

特にこの問題のために、tsc-watchライブラリを作成しました。あなたはそれをnpmで見つけることができます。

明らかな使用例は次のとおりです。

tsc-watch server.ts --outDir ./dist --onSuccess "node ./dist/server.js"

これは私にとってはうまくいきます：

nodemon src/index.ts

どうやらこのプルリクエスト以来のおかげで：https：//github.com/remy/nodemon/pull/1552

のセクションに追加"watch": "nodemon --exec ts-node -- ./src/index.ts"しscriptsますpackage.json。

あなたはts-node-devを使うことができます

必要なファイルのいずれかが変更されると（標準のnode-devとして）、ターゲットノードプロセスを再起動しますが、再起動間でTypescriptコンパイルプロセスを共有します。

インストール

yarn add ts-node-dev --dev

そしてあなたのpackage.jsonはこのようになる可能性があります

"scripts": {
  "test": "echo \"Error: no test specified\" && exit 1",
  "tsc": "tsc",
  "dev": "ts-node-dev --respawn --transpileOnly ./src/index.ts",
  "prod": "tsc && node ./build/index.js"
}

私はした

"start": "nodemon --watch 'src/**/*.ts' --ignore 'src/**/*.spec.ts' --exec ts-node src/index.ts"

そして糸の開始.. ts-nodeは 'ts-node'とは異なります

私はts-nodeを使用せず、常にdistフォルダーから実行したいと思います。

これを行うには、package.jsonをデフォルトの構成でセットアップします。

....
"main": "dist/server.js",
  "scripts": {
    "build": "tsc",
    "prestart": "npm run build",
    "start": "node .",
    "dev": "nodemon"
  },
....

次に、nodemon.json構成ファイルを追加します。

{
  "watch": ["src"],
  "ext": "ts",
  "ignore": ["src/**/*.spec.ts"],
  "exec": "npm restart"
}

ここでは、「exec」を使用します。「npm restart」
使用しているため、すべてのtsファイルがjsファイルに再コンパイルされ、サーバーが再起動されます。

開発環境で実行するには、

npm run dev

この設定を使用すると、常に分散ファイルから実行され、ts-nodeは必要ありません。

これをpackage.jsonファイルに追加してください

scripts {
"dev": "nodemon --watch '**/*.ts' --exec 'ts-node' index.ts"
}

これを機能させるには、ts-nodeをdev-dependencyとしてインストールする必要もあります

yarn add ts-node -D

yarn dev開発サーバーを起動するために実行します