node.js - Angular CLI 和 TypeScript outDir

Question

我刚刚完成了 Angular CLI Heroes 教程 here 。我已遵循所有教程并完成了 HTTP 教程。

关于 Angular 4 和 TypeScript 的所有精彩学习，但在整个类(class)中让我印象深刻的一件事是 javascript 被编译到 src 文件夹中。如果有一些关于打包部署内容的“后续步骤”教程，那就太好了 - 但这可能超出了 Angular 的范围。

我想改变这一点，但对我需要做的一切并不能 100% 确定。

理想情况下，它会编译到单独的文件夹并包含运行网站所需的所有文件。

我查看了 tsconfig.json 文件并添加了 outDir 设置:

{
  "compilerOptions": {
    "target": "es5",
    "outDir": "../dist/app",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": [ "es2015", "dom" ],
    "noImplicitAny": true,
    "suppressImplicitAnyIndexErrors": true
  }
}

当我运行npm start时，代码似乎构建到dist文件夹中，但是当应用程序运行时，我在浏览器中得到的只是Cannot GET/

我缺少一些东西，包括index.html - 但我不知道我到底需要什么文件。所以我的问题是:

1. 运行网站需要我编译的应用文件夹之外的哪些文件？
2. 我可以修改项目文件以使用 Angular CLI 实现此目的吗？

Answer 1

@安德斯，

Angular CLI 应该已经为你处理好这一切了。看看ng build它应该已经解决了你的两个问题。

1. ng build 将处理此问题，并且 angular-cli.json 的“apps”键中指定的内容将包含在 dist 文件夹中
2. angular-cli.json 是您需要修改的文件，以包含 dist 文件夹中所需的所有工件。

希望以上为您指明了正确的方向

SOJ