Comment surveiller et recharger ts-node lorsque les fichiers TypeScript sont modifiés

Question

J'essaie de faire fonctionner un serveur de développement avec TypeScript et une application Angular sans transpiler les fichiers ts à chaque fois. J'ai découvert que je peux faire fonctionner le serveur avec ts-node mais je veux aussi regarder .ts et recharger l'application/serveur comme je le ferais avec quelque chose comme gulp watch.

Answer 1

EDIT : Mis à jour pour la dernière version de nodemon !

Je me battais avec la même chose pour mon environnement de développement jusqu'à ce que je remarque que nodemon L'API de l'entreprise nous permet de modifier son comportement par défaut afin d'exécuter une commande personnalisée.

Par exemple, pour la version la plus récente de nodemon :

nodemon --watch "src/**" --ext "ts,json" --ignore "src/**/*.spec.ts" --exec "ts-node src/index.ts"

Ou créer un nodemon.json avec le contenu suivant :

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

et ensuite exécuter nodemon sans aucun argument.

En faisant cela, vous serez en mesure de recharger en direct une ts-node sans avoir à se soucier de l'implémentation sous-jacente.

A la vôtre !

---

Et avec les anciennes versions de nodemon :

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

Ou encore mieux : externaliser la configuration de nodemon dans un fichier nodemon.json avec le contenu suivant, puis exécutez simplement nodemon comme l'a suggéré Sandokan :

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

Answer 2

J'ai jeté nodemon et ts-node en faveur d'une bien meilleure alternative, ts-node-dev https://github.com/whitecolor/ts-node-dev

Il suffit de courir ts-node-dev src/index.ts

Answer 3

Voici une alternative aux HeberLZ's réponse en utilisant des scripts npm.

Mon package.json :

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

• -e Le drapeau définit les extensions à rechercher,
• -w définit le répertoire surveillé,
• -x exécute le script.

--inspect dans le watch:serve script est en fait un drapeau node.js, il active juste le protocole de débogage.

Answer 4

Spécifiquement pour ce problème, j'ai créé l'interface suivante tsc-watch Vous pouvez le trouver sur npm .

Un cas d'utilisation évident serait :

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

Answer 5

Ajouter "watch": "nodemon --exec ts-node -- ./src/index.ts" à scripts de votre package.json .