Запустите browserify при изменении файла с помощью tsc -w

Question

Я новичок в инструментах сборки npm. Я хочу связать скомпилированные файлы машинописи, как только произойдет изменение в файлах машинописи, и одновременно запустить lite-сервер. Чтобы добиться этого, я написал следующий скрипт сборки 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\"",

Однако это, похоже, не работает, просто компилирует файлы и обновляет браузер, не связывая файлы снова.

Answer 1

Вы должны использовать watchify продолжать смотреть tsc Выходные файлы для изменений:

"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 опция обязательна