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

步骤1

通过更新来更改system.config.js：'app''dist/app'

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

现在它看起来像这样：

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

第2步

创建dist文件夹。

编辑tsconfig.json并添加：

"outDir": "dist"

结果tsconfig.json：

{
  "compilerOptions": {
    .
    .
    .
    .

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

运行npm start，您应该会看到dist文件夹中的所有编译.js和.map.js文件。

注意：通过其他答案。它们也非常有用和信息丰富。

我的解决方案与上述略有不同。我从这里定义的 Angular2 Quickstart 种子开始：https : //github.com/angular/quickstart#create-a-new-project-based-on-the-quickstart

然后只更改了以下内容：

• 添加"outDir": "../dist"到tsconfig.json
• 更改baseDir属性中bs-config.json来"baseDir": ["dist", "src"]

然后npm run start像以前一样工作（甚至 html/css 和其他文件没有任何复制），但编译.js和.map文件被内置dist/app并且不会污染您的src/app目录。

请注意，我还没有测试这如何影响测试。

我也可能迟到了，但我做到了。

先照拉希尔山说的去做。

然后创建dist文件夹。

创建文件夹后，转到文件tsconfig.json并添加以下内容：

"outDir": "dist"

所结果的 tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false,
    "outDir": "dist"
  },
  "exclude": [
    "node_modules",
    "typings/main",
    "typings/main.d.ts"
  ]
}

如果你现在运行npm start和保存文件，你应该看到所有的编译.js和.map.js在DIST文件夹中。

谢谢 raheel shan，你的回答开了个好头，

正如@Adavo 在评论中正确地提出的那样

不幸的是，我的 html/css 文件不在 dist 文件夹中。如何复制 dist 文件夹中的所有 html/css？

这个问题的答案是 * 在所有 .ts 文件中使用“/”（来自根目录）提供 HTML/CSS 文件的完整路径，主要在@Component 的“templateURL”属性中

经过很多时间 - 我明白了 - 不使用 Gulp :) Yipppeee

不幸的是，我的 html/css 文件不在 dist 文件夹中。如何复制 dist 文件夹中的所有 html/css？

Angular 2 中的相对路径并不是那么简单，因为根据Angular 2文章中的组件相对路径，框架希望灵活地加载文件（CommonJs、SystemJs 等）。

正如文章所解释的，module.id当与 CommonJs 一起使用时（检查您的 tsconfig.json）包含module的绝对根，它可用于构建相对路径。

因此，更好的替代方法可能是将 css/html 文件与 ts 文件一起保留并像下面一样配置您的组件，假设您的构建文件位于名为dist的单独文件夹中。这样您的 css 和 html 文件将被加载通过将派生的构建路径转换为包含它们的源路径来使用相对路径没有问题 - 基本上是将/dist/其删除或重命名为/src/;)

@Component({
   moduleId: module.id.replace("/dist/", "/"),
   templateUrl: 'relative-path-to-template/component.html',
...
});

如果您有单独的源文件夹和构建文件夹，则可以改为执行以下操作：

@Component({
   moduleId: module.id.replace("/dist/", "/src/"),
   templateUrl: 'relative-path-to-template/component.html',
...
});