Como assistir e recarregar o ts-node quando os arquivos TypeScript são alterados

Estou tentando executar um servidor de desenvolvimento com TypeScript e um aplicativo Angular sem transpilar arquivos ts toda vez. Descobri que posso fazer a execução, ts-nodemas quero também assistir .tsarquivos e recarregar o aplicativo / servidor, como faria com algo como o gulp watch.

Eu estava lutando com a mesma coisa no meu ambiente de desenvolvimento até perceber que nodemona API nos permite alterar seu comportamento padrão para executar um comando personalizado. Por exemplo:

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

Ou melhor ainda: externalize a configuração do nodemon em um nodemon.jsonarquivo com o seguinte conteúdo e depois execute nodemon, como sugeriu Sandokan:

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

Em virtude disso, você poderá recarregar um ts-nodeprocesso ao vivo sem precisar se preocupar com a implementação subjacente.

Felicidades!

Atualizado para a versão mais recente do nodemon:

Crie um nodemon.jsonarquivo com o seguinte conteúdo.

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

Eu tenho jogado nodemone ts-nodeem favor de uma alternativa muito melhor, ts-node-dev https://github.com/whitecolor/ts-node-dev

Apenas corra ts-node-dev src/index.ts

Aqui está uma alternativa à resposta do HeberLZ , usando scripts npm.

Meu package.json:

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

• -e flag define as extensões a serem procuradas,
• -w define o diretório monitorado,
• -x executa o script.

--inspectno watch:servescript, na verdade, é um sinalizador node.js, apenas habilita o protocolo de depuração.

Especificamente para esse problema, criei a tsc-watchbiblioteca. você pode encontrá-lo nas npm .

Caso de uso óbvio seria:

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

Isso funciona para mim:

nodemon src/index.ts

Aparentemente, graças a essa solicitação de recebimento : https://github.com/remy/nodemon/pull/1552

Adicione "watch": "nodemon --exec ts-node -- ./src/index.ts"à scriptsseção do seu package.json.

você poderia usar ts-node-dev

Ele reinicia o processo do nó de destino quando qualquer um dos arquivos necessários é alterado (como padrão node-dev), mas compartilha o processo de compilação Typcript entre as reinicializações.

Instalar

yarn add ts-node-dev --dev

e seu package.json pode ser assim

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

eu fiz com

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

e início do fio .. ts-node não é como 'ts-node'

Eu preferiria não usar o ts-node e sempre executar a partir da pasta dist.

Para fazer isso, basta configurar o seu package.json com a configuração padrão:

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

e adicione o arquivo de configuração nodemon.json :

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

Aqui, eu uso "exec": "npm restart"
para que todo o arquivo ts seja compilado novamente no arquivo js e, em seguida, reinicie o servidor.

Para executar enquanto estiver no ambiente de desenvolvimento,

npm run dev

Usando esta configuração, sempre executarei a partir dos arquivos distribuídos e não haverá necessidade de ts-node.

adicione isso ao seu arquivo package.json

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

e para fazer isso funcionar, você também precisa instalar o ts-node como dependência de dev

yarn add ts-node -D

execute yarn devpara iniciar o servidor dev