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.
Réponses:
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.
{ "watch": ["src/**/*.ts"], "ignore": ["src/**/*.spec.ts"], "exec": "ts-node ./app-server.ts" }et tapez simplementnodemon
./avant les noms de dossier et ça s'est cassé. Cela a fonctionné pour moi: { "verbose": true, "watch": ["server/**/*.ts"], "ext": "ts js json", "ignore": ["server/**/*.spec.ts"], "exec": "ts-node index.ts" }. Et ligne de commande:nodemon --watch server/**/*.ts --ignore server/**/*.spec.ts --verbose --exec ts-node index.ts
extdans le fichier de configuration, de sorte que son look pour ts change. Mon fichier de configuration ressemble à ceci:{ "watch": ["src/**/*.ts"], "ignore": ["src/**/*.spec.ts"], "ext": "ts js json", "_exec": "node dist/startup.js", "exec": "ts-node src/startup.ts" }
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
tsc --watch.
nodemonqu'avec ts-node. Merci!
"start": "ts-node-dev src". Pas besoin de babel, nodemon ou l'une des configurations qui l'accompagne. Tout est géré pour vous.
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.
ts-node --inspect -- src/index.tsmaintenant à cause de cela .
-e ts -w ./srca fait l'affaire pour moi - cela a fonctionné avec un projet généré par CLI loopback4
Cela fonctionne pour moi:
nodemon src/index.ts
Apparemment grâce à depuis cette pull request: https://github.com/remy/nodemon/pull/1552
ts-nodeinstallé.
node_modules/? Pour moi, cela échoue si je ne l'ai pas.
ts-nodeen effet d'être installé. L'exécution de cette commande sans ts-nodeentraînera une failed to start process, "ts-node" exec not founderreur. Vous aviez probablement cela comme un artefact résiduel node_modules. Cela étant dit, cette solution est beaucoup plus agréable car elle ne nécessite pas de configuration supplémentaire.
npm install -g ts-node
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"
"[...] similar to nodemon but for TypeCcript.":)
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"
},
index.tsest une instance express, comment puis-je la tuer et la redémarrer