Run Nodemon with Typescript compiling?

Question

I want my typescript files to be compiled on every file saving with the command tsc.

How do I combine the tsc command with the command that nodemon runs in the build:live script

"scripts": {
    "start": "npm run build:live",
    "build:live": "nodemon --watch '*.ts' --exec 'ts-node' app.ts",
 }

this script causes nodemon to call itself twice or three times:

"build:live": "nodemon --watch '*.ts' --exec 'ts-node app.ts & tsc'",

score 44 · Answer 1 · answered Oct 02 '20 at 16:38

Nodemon will detect and run .ts files with ts-node automatically now. It will actually run .py and .rb files with python and ruby too btw and you can give it a custom --exec for others. Here's a link to the relevant code within nodemon.

So the following should be fine:

"scripts": {
  "dev": "nodemon app.ts"
}

score 20 · Accepted Answer · answered Sep 18 '19 at 18:25

20

This looks like it will achieve what you're looking for:

"start": "tsc-watch --project . --outDir ./dist --onSuccess \"nodemon ./dist/bin/www.js\""

Source: https://github.com/Microsoft/TypeScript/issues/12996#issuecomment-349277673

answered Sep 18 '19 at 18:25

Zachary

486
4
6

2

This solved my exact problem. I wanted the TS to transpile, make sure the transpilation was successful and then run a specific file in dist. Thank you! – Michael F. Jan 06 '22 at 14:07

score 11 · Answer 3 · answered Jan 31 '21 at 12:10

With the current answer you might run into issues using ES modules. No need for nodemon when you're using tsc-watch. It makes use of incremental compilation, making the restart of your application much faster.

I found the following to work best:

"start": "tsc-watch --onSuccess \"node ./dist/app.js\""

The outDir can be defined in your tsconfig

score 6 · Answer 4 · answered Jan 19 '21 at 22:59

6

As of TypeScript 3.8+, you can now just use:

tsc --watch

https://www.typescriptlang.org/docs/handbook/configuring-watch.html

You could then use nodemon on the compiled code, e.g. nodemon dist/app.js.

answered Jan 19 '21 at 22:59

Peter W

952
8
18

this is the correct answer! thank you. – java-addict301 Nov 29 '21 at 21:54

score 4 · Answer 5 · edited Mar 20 '21 at 12:45

4

You can create a nodemon.json in your project root directory and add the following code inside that:

{
 "ext": "*.ts",
 "exec": "tsc && ts-node app.ts"
}

And update your scripts like following:

"scripts": {
   "start": "npm run build:live",
   "build:live": "nodemon",
}

What happens is that nodemon will check all the files with the extension ".ts" and starts tsc and then ts-node.

edited Mar 20 '21 at 12:45

Oleg Valter is with Ukraine

9,619
8
37
59

answered Mar 20 '21 at 04:58

Md Gaziur Rahman Noor

41
2

score 0 · Answer 6 · answered Feb 08 '23 at 15:19

0

I'm using nodemon + concurrently libraries:

"watch": "concurrently \"npm run build -- --watch\" \"nodemon --watch '**/*' --exec npm run start\"",

build script:

"build": "tsc"

answered Feb 08 '23 at 15:19

jawn

851
7
10

Run Nodemon with Typescript compiling?

6 Answers6

Linked