将 Angular2 TypeScript 文件和 JavaScript 文件分离到不同的文件夹中，可能是“dist”

我正在使用5 分钟快速入门 https://angular.io/docs/ts/latest/quickstart.html来自 angular.io 网站，其中包含如下文件结构：

angular2-quickstart
 app
   app.component.ts
   boot.ts
 index.html
 license.md
 package.json
 tsconfig.json

tsconfig.json是这样的代码块：

{
  "compilerOptions": {
    "target": "ES5",
    "module": "system",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
  },
  "exclude": [
    "node_modules"
  ]
} 

还有package.json：

{
  "name": "angular2-quickstart",
  "version": "1.0.0",
  "scripts": {
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "lite": "lite-server",
    "start": "concurrent \"npm run tsc:w\" \"npm run lite\" "
  },
  "license": "ISC",
  "dependencies": {
    "angular2": "2.0.0-beta.0",
    "systemjs": "0.19.6",
    "es6-promise": "^3.0.2",
    "es6-shim": "^0.33.3",
    "reflect-metadata": "0.1.2",
    "rxjs": "5.0.0-beta.0",
    "zone.js": "0.5.10"
  },
  "devDependencies": {
    "concurrently": "^1.0.0",
    "lite-server": "^1.3.1",
    "typescript": "^1.7.3"
  }
}

我将sourceMap从true更改为false，因此在代码编辑器中，不会再次生成map文件，但仍然会生成js文件。

我只想处理 ts 文件，并且不想获得 js 和 js.map 文件的早午餐，我应该怎么做才能将所有 ts 文件放入我的常规开发 floder（如 app 文件夹）以及所有 js 和 js 中。将文件映射到名为 dist 的文件夹中？

一个很好的例子可能是angular2-webpack-快速入门 https://github.com/AngularClass/angular2-webpack-starter。但我不明白他们是怎么做到的？

任何关于如何做到这一点的建议，当然不是手动的。

Thanks,

可能晚了，但这里有一个两步解决方案。

Step 1

Change 系统配置.js通过更新'app' to 'dist/app':

var  map = {
    'app':                        'app', // 'dist/app',
    .
    .
    .
};

现在它看起来像这样：

var  map = {
    'app':                        'dist/app', // 'dist/app',
    .
    .
    .
};

Step 2

创建dist文件夹。

Edit tsconfig.json并添加：

"outDir": "dist"

所结果的tsconfig.json:

{
  "compilerOptions": {
    .
    .
    .
    .

    "outDir": "dist" // Pay attention here
  },
  "exclude": [
    .
    .
    .
  ]
}

Run npm start你应该看到所有编译的.js and .map.js文件在dist folder.

Note: 看看其他答案。它们也非常有用且信息丰富。