如何将 angular 应用程序部署到生产环境

Question

我对 Angular 5 个方面有些不确定。我开发了一个应用程序，但不知道如何运行将其投入生产。

目前我运行我的应用程序在 NodeJS 中使用 ng serve，但在生产环境中是否相同？

谢谢！

Answer 1

通常，我不使用 Angular CLI 的内置 Web 服务器进行生产部署。

使用 Angular CLI，您可以使用此命令创建生产版本

ng build –prod

这将创建一个 dist 文件夹，您可以将其上传到您选择的任何 Web 服务器以部署应用程序。

Answer 2

ng build 在 outDir 文件夹中生成生产文件。

要知道它在哪里，请转到 .angular-cli.json 文件并查看 apps > outDir 属性。例如：

"apps": [
{
  "root": "src",
  "outDir": "../../webapp/recorder",
  "assets": [
    "assets",
    "favicon.ico"
  ],

...

这些文件只有 html、css 和 javascript，可以在任何网络服务器上使用

Answer 3

服务

ng serve 用于开发目的。检查 docs.

当使用 ng serve 时，编译后的输出来自内存，而不是来自磁盘。这意味着正在提供服务的应用程序不在磁盘上的 dist 文件夹中。

ng 构建

ng build --prod 用于生产目的。检查 docs.

ng build 将应用程序编译到输出目录中。构建工件将存储在 angular 应用程序根目录中的 dist/ 目录中。

只需将 dist 文件夹复制到任何服务器，例如 IIS or Node Express，您的 angular 应用程序就会启动，运行。

要使用 IIS 部署您的应用，请检查 this and using Node Express check this。

Answer 4

首先，您应该使用

构建生产应用

ng build --prod

您会在项目文件夹中找到一个 dist 文件夹。这是您的应用程序的生产就绪版本。

现在您需要一台服务器来部署您的应用程序。使用 http-server dist/myProject 安装此 - https://www.npmjs.com/package/http-server 和运行（将 myProject 替换为您的项目名称）

How to deploy angular app to production