Note: Here specifying “-p” flag is must, because “tsconfig.json” file is located in some other folder(in TypeScriptFiles folder) and we are executing “tsc” command in some other folder(in root folder of our Angular project).

Step 3 – Execute the batch file

Double click the batch file.

As you can see, executing batch file simply started TypeScript compile in watch mode.

Step 4 – Add web server behavior

So far we have not taken the real advantage of “concurrently” module. Change batch file content to following.

concurrently "tsc -p "TypeScriptFiles" -w" "lite-server"

Step 5 – Execute and Test

Execute the batch file once again. You will notice both TypeScript compiler and lite-server executing concurrently.

It will also launch the browser and executes our application.

Now on, after every lab you can simply execute the batch file and get the output.

Stay tuned for next part.

Summary

In case of any queries you can drop a comment. I will try best to reply earliest.