How to run the Angular 4 Application by building the JS files in a separate folder and watching the files?

Question

I was trying to learn Angular 4. When referencing the angular tutorial, I was able to run the application but when running the "npm start", the system creates the build files in the same src folder. Here I'm trying to get the JS files created in a separate folder called build, like "src/app/build" and run it off there. Could someone please help on this query? Thanks in Advance. https://angular.io/tutorial/toh-pt6

Answer 1

Kickstart an Angular Project with AngularCLI and use ng serve it simplifies everything!

Answer 2

It is your IDE creating that mess due to it is Auto Transpiring the .ts in to .js. You have to disable that.

If you using JetBrains IDE you have to make sure that Enable TypeScript compiler is disabled in Preferences > Languages & Frameworks > TypeScript.

In case of Atom you need to set compileOnSave: false in tsconfig.json

VScode is not auto transpiling .ts files unless you have watcher/task runner manually setup yourself

But usually we are using angular cli for any angular project

npm install -g @angular/cli
ng new my-proj
cd my-proj
ng serve