Comment surveiller et recharger ts-node lorsque les fichiers TypeScript changent

J'essaie d'exécuter un serveur de développement avec TypeScript et une application angulaire sans transpiler les fichiers ts à chaque fois. J'ai trouvé que je peux faire la course avec ts-nodemais je veux aussi regarder les .tsfichiers et recharger l'application / le serveur comme je le ferais avec quelque chose comme gulp watch.

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

J'avais du mal avec la même chose pour mon environnement de développement jusqu'à ce que je remarque que nodemonl'API de nous permet de changer son comportement par défaut afin d'exécuter une commande personnalisée. Par exemple:

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

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

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

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

À votre santé!

Mise à jour pour la version la plus récente de nodemon:

Vous pouvez exécuter ceci, par exemple:

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

Ou créez un nodemon.jsonfichier 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"
}

puis exécutez nodemonsans arguments.

J'ai abandonné nodemonet ts-nodeen faveur d'une bien meilleure alternative, ts-node-dev https://github.com/whitecolor/ts-node-dev

Courez ts-node-dev src/index.ts

Voici une alternative à l'HeberLZ réponse , en utilisant des scripts MNP.

Mon package.json:

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

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

--inspectdans le watch:servescript est en fait un indicateur node.js, il active simplement le protocole de débogage.

Cela fonctionne pour moi:

nodemon src/index.ts

Apparemment grâce à depuis cette pull request: https://github.com/remy/nodemon/pull/1552

Spécifiquement pour ce problème, j'ai créé la tsc-watchbibliothèque. vous pouvez le trouver sur npm .

Le cas d'utilisation évident serait:

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

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

vous pouvez utiliser ts-node-dev

Il redémarre le processus du nœud cible lorsque l'un des fichiers requis change (comme standard node-dev) mais partage le processus de compilation Typescript entre les redémarrages.

Installer

yarn add ts-node-dev --dev

et votre package.json pourrait être comme ça

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

j'ai fait avec

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

et yarn start .. ts-node pas comme 'ts-node'

Je préférerais ne pas utiliser ts-node et toujours courir à partir du dossier dist.

Pour ce faire, configurez simplement votre package.json avec la configuration par défaut:

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

puis ajoutez le fichier de configuration nodemon.json :

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

Ici, j'utilise "exec": "npm restart"
pour que tous les fichiers ts soient recompilés en fichier js, puis redémarrent le serveur.

Pour s'exécuter dans un environnement de développement,

npm run dev

En utilisant cette configuration, je vais toujours courir à partir des fichiers distribués et je n'ai pas besoin de ts-node.

ajoutez ceci à votre fichier package.json

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

et pour que cela fonctionne, vous devez également installer ts-node en tant que dev-dependency

yarn add ts-node -D

exécuter yarn devpour démarrer le serveur de développement

Une autre façon pourrait être de compiler le code d'abord en mode montre avec tsc -w, puis d'utiliser nodemon sur javascript. Cette méthode est similaire en vitesse à ts-node-dev et présente l'avantage d'être plus proche de la production.

 "scripts": {
    "watch": "tsc -w",
    "dev": "nodemon dist/index.js"
  },