构建 Angular 应用程序以及更多资源
这篇文章是 Angular 的最后一篇，它涵盖了如何构建一个可以投入生产使用的应用程序，并提供了一些额外的资源供你继续学习之旅。
| 先决条件 | 熟悉核心 HTML、CSS 和 JavaScript 语言，了解 终端/命令行。 |
|---|---|
| 目标 | 学习如何构建 Angular 应用程序。 |
构建完成的应用程序
现在你已经完成了应用程序的开发，你可以运行 Angular CLI 的 build 命令。当你在 todo 目录中运行 build 命令时，你的应用程序会编译到一个名为 dist/ 的输出目录中。
在 todo 目录中，在命令行中运行以下命令
bash
ng build -c production
CLI 会编译应用程序并将输出放到一个新的 dist 目录中。--configuration production/-c production 标志与 ng build 一起使用，可以去除生产环境中不需要的东西。
部署您的应用程序
要部署应用程序，你可以将 dist/my-project-name 文件夹的内容复制到你的 Web 服务器上。由于这些文件是静态的，你可以将它们托管在任何能够提供文件的 Web 服务器上，例如
- Node.js
- Java
- .NET
你可以使用任何后端，例如 Firebase、Google Cloud 或 App Engine。
本地主机
为了好玩，你可以使用 http-server 包在你的机器上托管构建后的应用程序，方法是在运行构建后运行以下命令
bash
npx http-server ./dist/todo/browser/ -o
此命令在端口 8080 上提供 dist/todo/browser 目录，因此你可以在浏览器中打开 http://127.0.0.1:8080 来查看正在运行的应用程序。HTTP 服务器还允许你从本地网络上的任何其他设备访问应用程序的 IP 地址，该地址在控制台中 127.0.0.1 地址下列出。