So überwachen und laden Sie ts-node neu, wenn sich TypeScript-Dateien ändern

Ich versuche, einen Entwicklungsserver mit TypeScript und einer Angular-Anwendung auszuführen, ohne jedes Mal ts-Dateien zu transpilieren. Ich habe festgestellt, dass ich das Laufen mit machen kann, ts-nodeaber ich möchte auch .tsDateien ansehen und die App / den Server neu laden, wie ich es mit so etwas wie gulp watch tun würde.

Ich hatte mit dem gleichen Problem für meine Entwicklungsumgebung zu kämpfen, bis ich bemerkte, dass nodemondie API es uns ermöglicht, das Standardverhalten zu ändern, um einen benutzerdefinierten Befehl auszuführen. Beispielsweise:

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

Oder noch besser: Externalisieren Sie die Konfiguration von nodemon in eine nodemon.jsonDatei mit dem folgenden Inhalt und führen Sie sie einfach aus nodemon, wie Sandokan vorgeschlagen hat:

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

Auf diese Weise können Sie einen ts-nodeProzess live neu laden , ohne sich um die zugrunde liegende Implementierung kümmern zu müssen.

Prost!

Aktualisiert für die neueste Version von nodemon:

Erstellen Sie eine nodemon.jsonDatei mit dem folgenden Inhalt.

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

Ich habe abgeladen nodemonund ts-nodefür eine viel bessere Alternative, ts-node-dev https://github.com/whitecolor/ts-node-dev

Renn einfach ts-node-dev src/index.ts

Hier ist eine Alternative zur Antwort des HeberLZ mit npm-Skripten.

Mein package.json:

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

• -e flag setzt die zu suchenden Erweiterungen,
• -w legt das überwachte Verzeichnis fest,
• -x führt das Skript aus.

--inspectim watch:serveSkript ist eigentlich ein node.js-Flag, es aktiviert nur das Debugging-Protokoll.

Speziell für dieses Problem habe ich die tsc-watchBibliothek erstellt. Sie können es auf npm finden .

Offensichtlicher Anwendungsfall wäre:

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

In "watch": "nodemon --exec ts-node -- ./src/index.ts"zu scriptsAbschnitt Ihrer package.json.

Das funktioniert bei mir:

nodemon src/index.ts

Anscheinend danke seit dieser Pull-Anfrage: https://github.com/remy/nodemon/pull/1552

Sie könnten ts-node-dev verwenden

Der Zielknotenprozess wird neu gestartet, wenn sich eine der erforderlichen Dateien ändert (als Standardknotenentwickler), der Typescript-Kompilierungsprozess wird jedoch zwischen den Neustarts gemeinsam genutzt.

Installieren

yarn add ts-node-dev --dev

und Ihre package.json könnte so sein

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

Ich habe mit

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

und Garnstart .. ts-Knoten nicht wie 'ts-Knoten'

Fügen Sie dies Ihrer Datei package.json hinzu

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

Damit dies funktioniert, müssen Sie auch ts-node als dev-Abhängigkeit installieren

yarn add ts-node -D

Führen Sie aus yarn dev, um den Entwicklungsserver zu starten