typescript编译器包不包含依赖项

Question

我尝试使用tsconfig.js将我的angular2应用程序与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但没有任何角度依赖性。它只包含我自己的组件和打字稿文件。知道如何告诉编译器将引用的依赖项也包含在bundle中吗？

Answer 1

您没有提及您想要捆绑的; Angular 2框架本身，或仅其类型定义文件。我认为前者是正确的。

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

  

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

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

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