Cómo mirar y recargar ts-node cuando cambian los archivos TypeScript

Estoy tratando de ejecutar un servidor de desarrollo con TypeScript y una aplicación Angular sin transpilar archivos ts cada vez. Descubrí que puedo ejecutarlo, ts-nodepero también quiero ver .tsarchivos y volver a cargar la aplicación / servidor como lo haría con algo como gulp watch.

Estaba luchando con lo mismo para mi entorno de desarrollo hasta que noté que nodemonla API nos permite cambiar su comportamiento predeterminado para ejecutar un comando personalizado. Por ejemplo:

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

O incluso mejor: externalice la configuración de nodemon a un nodemon.jsonarchivo con el siguiente contenido, y luego simplemente ejecute nodemon, como sugirió Sandokan:

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

En virtud de esto, podrá recargar en vivo un ts-nodeproceso sin tener que preocuparse por la implementación subyacente.

¡Salud!

Actualizado para la versión más reciente de nodemon:

Cree un nodemon.jsonarchivo con el siguiente contenido.

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

He abandonado nodemony estoy ts-nodea favor de una alternativa mucho mejor,ts-node-dev https://github.com/whitecolor/ts-node-dev

Solo corre ts-node-dev src/index.ts

Aquí hay una alternativa a la respuesta de HeberLZ , usando scripts npm.

Mi package.json:

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

• -e flag establece las extensiones a buscar,
• -w establece el directorio observado
• -x ejecuta el script

--inspecten el watch:servescript es en realidad un indicador node.js, solo habilita el protocolo de depuración.

Específicamente para este problema, he creado la tsc-watchbiblioteca. Puedes encontrarlo en npm .

El caso de uso obvio sería:

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

Esto funciona para mi:

nodemon src/index.ts

Aparentemente gracias a desde esta solicitud de extracción: https://github.com/remy/nodemon/pull/1552

Añadir "watch": "nodemon --exec ts-node -- ./src/index.ts"a la scriptssección de su package.json.

podrías usar ts-node-dev

Reinicia el proceso del nodo de destino cuando cualquiera de los archivos requeridos cambia (como nodo-dev estándar) pero comparte el proceso de compilación de Typecript entre reinicios.

Instalar en pc

yarn add ts-node-dev --dev

y tu package.json podría ser así

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

lo hice con

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

e inicio de hilo ... ts-node no como 'ts-node'

Preferiría no usar ts-node y siempre ejecutar desde la carpeta dist.

Para hacer eso, solo configure su package.json con la configuración predeterminada:

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

y luego agregue el archivo de configuración nodemon.json :

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

Aquí, uso "exec": "npm restart"
para que todos los archivos ts se vuelvan a compilar en el archivo js y luego reinicien el servidor.

Para ejecutar en un entorno de desarrollo,

npm run dev

Usando esta configuración, siempre ejecutaré desde los archivos distribuidos y no necesito ts-node.

agregue esto a su archivo package.json

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

y para que esto funcione también necesita instalar ts-node como dependencia de desarrollo

yarn add ts-node -D

ejecutar yarn devpara iniciar el servidor de desarrollo