Jak oglądać i ponownie ładować ts-node, gdy zmieniają się pliki TypeScript

Usiłuję uruchomić serwer deweloperów z TypeScript i aplikacją Angular bez transpilowania plików ts za każdym razem. Przekonałem się, że mogę to zrobić, ts-nodeale chcę także oglądać .tspliki i ponownie ładować aplikację / serwer, tak jak robiłbym to z oglądaniem gulp.

Walczyłem z tą samą rzeczą w moim środowisku programistycznym, dopóki nie zauważyłem, że nodemoninterfejs API pozwala nam zmienić jego domyślne zachowanie w celu wykonania niestandardowej komendy. Na przykład:

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

Lub jeszcze lepiej: eksternalizuj konfigurację nodemona do nodemon.jsonpliku o następującej treści, a następnie po prostu uruchom nodemon, jak sugerował Sandokan:

{ "watch": ["src/**/*.ts"], "ignore": ["src/**/*.spec.ts"], "exec": "ts-node ./index.ts" }

Dzięki temu będziesz mógł przeładować ts-nodeproces na żywo bez martwienia się o implementację.

Twoje zdrowie!

Zaktualizowano do najnowszej wersji nodemon:

Utwórz nodemon.jsonplik o następującej treści.

{
  "watch": ["src"],
  "ext": "ts",
  "ignore": ["src/**/*.spec.ts"],
  "exec": "ts-node ./src/index.ts"      // or "npx ts-node src/index.ts"
}

Zrzuciłem nodemoni ts-nodena rzecz znacznie lepszej alternatywy, ts-node-dev https://github.com/whitecolor/ts-node-dev

Po prostu biegnij ts-node-dev src/index.ts

Oto alternatywa dla HeberLZ za odpowiedź , za pomocą skryptów KMP.

Mój package.json:

  "scripts": {
    "watch": "nodemon -e ts -w ./src -x npm run watch:serve",
    "watch:serve": "ts-node --inspect src/index.ts"
  },

• -e flaga ustawia rozszerzenia, których należy szukać,
• -w ustawia obserwowany katalog,
• -x wykonuje skrypt.

--inspectw watch:serveskrypcie jest tak naprawdę flaga node.js, po prostu włącza protokół debugowania.

Specjalnie dla tego numeru stworzyłem tsc-watchbibliotekę. można go znaleźć na npm .

Oczywistym przypadkiem użycia byłoby:

tsc-watch server.ts --outDir ./dist --onSuccess "node ./dist/server.js"

To działa dla mnie:

nodemon src/index.ts

Najwyraźniej dzięki od czasu tego żądania ściągnięcia: https://github.com/remy/nodemon/pull/1552

Dodaj "watch": "nodemon --exec ts-node -- ./src/index.ts"do scriptssekcji swojego package.json.

możesz użyć ts-node-dev

Ponownie uruchamia proces węzła docelowego, gdy zmienia się którykolwiek z wymaganych plików (jako standardowy dev-node), ale dzieli proces kompilacji maszynopisu między restartami.

zainstalować

yarn add ts-node-dev --dev

i Twój pakiet.json może być taki

"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"
}

zrobiłem z

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

i początek przędzy. ts-node nie tak jak „ts-node”

Wolałbym nie używać ts-node i zawsze uruchamiać z folderu dist.

Aby to zrobić, po prostu skonfiguruj plik package.json z domyślną konfiguracją:

....
"main": "dist/server.js",
  "scripts": {
    "build": "tsc",
    "prestart": "npm run build",
    "start": "node .",
    "dev": "nodemon"
  },
....

a następnie dodaj plik konfiguracyjny nodemon.json :

{
  "watch": ["src"],
  "ext": "ts",
  "ignore": ["src/**/*.spec.ts"],
  "exec": "npm restart"
}

Tutaj używam „exec”: „npm restart”,
więc cały plik ts ponownie skompiluje się do pliku js, a następnie ponownie uruchomi serwer.

Aby uruchomić w środowisku programistycznym,

npm run dev

Korzystając z tej konfiguracji, zawsze będę działał z plików rozproszonych i nie będę potrzebował węzła ts.

dodaj to do pliku package.json

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

i aby to zadziałało, musisz również zainstalować ts-node jako zależność programistyczną

yarn add ts-node -D

uruchom, yarn devaby uruchomić serwer deweloperów