私は Angular2 と typescript を使用していますが、開発プロセスでフラストレーションを感じています。
tsc -wファイルの変更を監視し、すぐにコンパイルするために使用しています。変更されたファイルを参照するすべてのファイルをコンパイルするため、完了するまでに 2 ～ 3 秒かかる場合があります。
live-serverが ts 以外のファイルの変更を監視し、ブラウザを更新して変更を反映できるように使用していlive-server . --ignorePattern=.*\.tsます。理想的には、コンパイルが完了したときにブラウザを強制的に更新する必要があります。tsc
最終的に何が起こるかというtscと、変更時に .ts ファイルがすぐに作成され、その .js および .js.map ファイルが出力されます。live-serverこれにより、更新がトリガーされます。次に、変更された .ts ファイルのtscすべてのファイルを再コンパイルしimport、すべての .js および .js.map ファイルを発行します。これには約 2 秒かかります。その後live-server、ブラウザを再度更新します。
live-server行を次のように変更するlive-server . --wait=3000 --ignore-pattern=.*\.tsと、js ファイルの 2 回目の発行から 3 秒待機します。つまり、5 秒 (変更されたファイルを参照するファイルのコンパイルに 2 秒 + 待機に 3 秒) かかることを意味します。一連の小さな変更が連続して行われます。それは私のファイルまでずっとコンパイルされboot.jsます。
tscコンパイル済みファイルを一度だけ出力するために使用できるオプション/フラグはありますか? .js ファイルを 1 つだけ出力したくはありませんが、他のソリューションも受け入れています。