Is there a way to use npm scripts to run tsc -watch && nodemon --watch?

Question

I'm looking for a way to use npm scripts to run tsc --watch && nodemon --watch at the same time. I can run these commands independently, but when I want run both of them, only the first one is executed. eg:

"scripts": {         "runDeb": "set NODE_ENV=development&& tsc --watch && nodemon --watch"   } 

tsc --watch is executed but nodemon is never called, and vice versa.

Answer 1

I think what you want is something like this (my current setup):

"scripts": {     "compile": "tsc && node app.js",     "dev": "./node_modules/nodemon/bin/nodemon.js -e ts  --exec \"npm run compile\"" } 

I created two scripts "compile" and "dev". To start developing you simply run npm run dev which starts nodemon and makes it watch .ts files (using the -e flag). Then, every time a .ts file changes nodemon will exec the compile task which basically compiles and runs the node app.

While using concurrently is a good option, my setup guarantees that tsc's work is done before attempting to execute the resulting .js files.

Answer 2

I have been using AlterX's solution for a while now and it has worked perfectly, but I have found it to be rather slow. Instead, I am now using tsc-watch. It makes tsc use incremental compilation similar to the -w flag, making the restart of the application much faster.

It's as easy as putting something similar to this in your package.json:

"scripts": {   "start": "tsc-watch --onSuccess \"node .\"" }