编译的打字稿文件在Angular 2项目中的位置在哪里？

Question

我刚开始学习Angular 2.我之后提到的教程提到所有编译的文件都进入dist文件夹。通过编译文件，他的意思是打印成javascript的打字稿文件。

但是当我使用Angular 2 CLI创建项目时，我没有获得任何dist文件夹。附件是我的项目结构的快照。 注意：我之后创建的文件夹很少，并且不属于默认的angular2结构。

另外，当我查看tsconfig.json文件时，它有以下代码。

{
    "compilerOptions": {
    "baseUrl": "",
    "declaration": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": ["es6", "dom"],
    "mapRoot": "./",
    "module": "es6",
    "moduleResolution": "node",
    "outDir": "../dist/out-tsc",
    "sourceMap": true,
    "target": "es5",
    "typeRoots": [
      "../node_modules/@types"
    ]
  }
}

由于对象的dist属性中提到了outDir目录，因此我的项目必须在某个地方有一个dist文件夹。我在这里错过了什么吗？

Answer 1

当您运行编译器时，它将创建一个名为dist的文件夹。如果您使用过ng build，请尝试运行Angular CLI命令。在此命令之后，编译器将ts编译为js，生成包并将它们放入dist文件夹。