Separate Angular2 TypeScript files and JavaScript files into different folders, maybe 'dist‘

Question

I am using the 5 min quickstart from angular.io website, which contain a file structure like this:

angular2-quickstart
 app
   app.component.ts
   boot.ts
 i         


        

Answer 1

For Angular 4 with files from quickstart, all I had to do was the following (a mix of the previously stated answers but slightly different values) :

• In tsconfig.json (add) : "outDir": "../dist"
• In bs-config.json (change) : "baseDir": ["dist", "src"],
• In bs-config.e2e.json (change) : "baseDir": ["dist", "src"],

No change to systemjs.config.js.