Як дивитися та перезавантажувати ts-вузол при зміні файлів TypeScript

Я намагаюся запустити сервер розробників з 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бібліотеку. ви можете знайти його в npm .

Очевидним випадком використання буде:

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

Він перезапускає процес цільового вузла, коли будь-який з необхідних файлів змінюється (як стандартний вузол-дев), але ділиться процесом компіляції 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-вузол не схожий на 'ts-вузол'

Я вважаю за краще не використовувати ts-вузол, а завжди працювати з папки dist.

Для цього просто встановіть пакет.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-вузла.

додайте це у файл package.json

scripts {
"dev": "nodemon --watch '**/*.ts' --exec 'ts-node' index.ts"
}

і щоб зробити цю роботу вам також потрібно встановити ts-вузол як залежність від розробок

yarn add ts-node -D

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