npm启动后，如何自动按角度分离js文件和ts文件？

Question

Can I get this result modifying tsconfig.json or package.json?

I want this structure:

angular2-quickstart
  app
    ts
      app.component.ts
      main.ts
    js
      app.component.js
      app.component.js.map
      main.js
      main.js.map
index.html
license.md

no this:

angular2-quickstart
  app
    app.component.ts
    main.ts
    app.component.js
    app.component.js.map
    main.js
    main.js.map
index.html
license.md

Answer 1

Yes, you can tell the TypeScript compiler to output .js files to a different directory using the outDir option in tsconfig.json , and I'd recommend setting the rootDir too so as to avoid unpleasant surprises in the future:

{
  "compilerOptions": {
    "outDir": "app/js",
    "rootDir": "app/ts",
  }
}

Don't forget to adjust paths in index.html .

Answer 2

If you want to separate out .js and .ts files in angular2, you have to follow only two steps:-

1) Add "outDir":"<folder name where you want to put your js Files>" within compilerOptions object in tsconfig.json file.

2) Map your folder in systemjs.config.js ie modify the map object like

 map:{
     app:<Folder-Name which you have specified in outDir>
     ----
     ----

 }