typescript 编译器包不包含依赖项

Question

我尝试将我的 angular2 应用程序与带有 tsconfig.js 的 typescript 编译器捆绑在一起，如下所示：

{
  "compilerOptions": {
    "target": "es5",
    "module": "system",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": [ "es2015", "dom" ],
    "noImplicitAny": true,
    "suppressImplicitAnyIndexErrors": true,
    "outFile": "bundle.js"
  }
}

它创建了一个 bundle.js，但没有任何角度依赖性。它只包括我自己的组件和打字稿文件。知道如何告诉编译器将引用的依赖项也包含到包中吗？

Answer 1

你没有具体提到你想要捆绑的什么； Angular 2 框架本身，或其类型定义文件。我认为前者是正确的。

TypeScript 编译器不会为您捆绑您的应用，它只会将 TS 代码编译为 JS。
也许混淆在于outFile 选项，is stated 到：

连接并将输出发送到单个文件 […]

...但仅适用于您自己的应用程序中的 TS 输入文件。

为了在您的应用程序中包含 Angular 2 源文件，您必须使用 bundler，例如 webpack。