tsc -wを使用してファイルが変更されたときにブラウザを起動する

Question

私はnpmビルドツールを初めて使用しています。私は、typescriptファイルに変更があると同時にコンパイルされたtypescriptファイルをバンドルし、lite-serverを同時に実行したいと思います。私はNPMビルド・スクリプト以下の書かれていることを達成するために - しかし、これは動作しているようですしない

"build": "tsc", 
"bundle": "browserify -s main app/goc-common/common.module.js > dist/bundle.js", 
"build_dev": "npm run build && npm run bundle && concurrently \"tsc -w && npm run bundle\" \"lite-server\"", 

、それだけでファイルをコンパイルし、ブラウザを更新し、再びファイルをバンドルscroll down toパソコンへ転送。

Answer 1

あなたは、変更のためのtscの出力ファイルを見続けるためにwatchifyを使用する必要があります：あなたが気づいた

"build": "tsc", 
"bundle": "watchify -s main app/goc-common/common.module.js -o dist/bundle.js", 
"build_dev": "npm run build && npm run bundle && concurrently \"tsc -w && npm run bundle\" \"lite-server\"" 

として、browserifyは見ていません。それはちょうど1回実行され、それが完了します。 watchifyの使用は、-oオプションが必須であることを除いて、browserifyのものと同じです。