Как посмотреть и перезагрузить ts-узел при изменении файлов TypeScript

Я пытаюсь запустить dev-сервер с TypeScript и Angular-приложением, каждый раз не перенося ts-файлы. Я обнаружил, что могу выполнять запуск с помощью, ts-nodeно я также хочу смотреть .tsфайлы и перезагружать приложение / сервер, как я делал бы с чем-то вроде gulp watch.

Я боролся с тем же для моей среды разработки, пока не заметил, что nodemonAPI позволяет нам изменять его поведение по умолчанию для выполнения пользовательской команды. Например:

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

Или даже лучше: перенести конфигурацию nodemon в nodemon.jsonфайл со следующим содержимым, а затем просто запустить 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

Вот альтернатива в 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библиотеку. вы можете найти его на нпм .

Очевидный вариант использования будет:

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

Он перезапускает процесс целевого узла при изменении любого из необходимых файлов (как стандартного узла-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-зависимость

yarn add ts-node -D

запустить, yarn devчтобы запустить сервер разработки