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

Inspired by @Nagyl, I developed my own way and I believe it's worth to share:

1) Install cpx

npm install cpx

2) Update bs-config.json and change baseDir from "src" to "dist"

"baseDir":"dist"

3) Update tsconfig.json and add outDir to end of compilerOptions:

"outDir": "../dist"

4) Update package.json: 4.1) add a new command to end of scripts:

"cpx": "cpx \"src/**/*.{html,css,js,png,jpg}\" dist --watch"

4.2) modify "start" line to include "cpx" command:

"start": "concurrently \"npm run build:watch\" \"npm run cpx\" \"npm run serve\"",