Javascript npm启动后，如何在angular中自动分离js文件和ts文件？

我可以通过修改tsconfig.json或package.json获得此结果吗

我想要这个结构：

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

不，这是：

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

---

是的，您可以告诉TypeScript编译器使用

tsconfig.json

中的

outDir

选项将

.js

文件输出到不同的目录，我建议您也设置

rootDir

，以避免将来出现不愉快的意外情况：

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

---

别忘了在

index.html

中调整路径是的，您可以告诉TypeScript编译器使用

tsconfig.json

中的

outDir

选项将

.js

文件输出到不同的目录，我建议也设置

rootDir

，以避免将来出现不愉快的意外情况：

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

---

不要忘记在

index.html

中调整路径如果要在angular2中分离.js和.ts文件，只需执行两个步骤：-

1） 在

tsconfig.json

文件中的compilerOptions对象中添加

“outDir”：“

2） 在

systemjs.config.js

中映射文件夹，即修改映射对象，如

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

 }

map:{
应用程序：
----
----
}

如果要在angular2中分离.js和.ts文件，只需执行两个步骤：-

1） 在

tsconfig.json

文件中的compilerOptions对象中添加

“outDir”：“

2） 在

systemjs.config.js

中映射文件夹，即修改映射对象，如

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

 }

map:{
应用程序：
----
----
}
<>代码>您是否考虑使用GURP代替NPM构建？这里有一篇关于这个话题的文章，你认为使用GULP来代替NPM构建吗？这里有一篇关于这个主题的好文章，它在Angular 2-rc7版本中不起作用。请更新它在版本2-rc7中不起作用。请更新