tsc -w로 파일 변경시 브라우저 실행

Question

npm 빌드 도구를 처음 사용합니다. 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\"", 

그러나이 작동하는 것 같다하지 않고 브라우저를 새로 고침, 다시 파일을 번들이 donot.

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는 보지 않는다; 그것은 단지 한 번 실행 한 다음 완료되었습니다. watchify의 사용법은 browserify의 것과 동일합니다 (단, -o 옵션은 필수 항목 임).