如何将角度应用程序部署到生产中

Question

我对一些Angular 5方面有点不确定。我开发了一个应用程序，不知道如何在生产中运行它。

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

谢谢！

Answer 1

ng serve

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

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

ng build

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

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

Jus将dist文件夹复制到任何服务器，例如IIS或Node Express，并且您的角应用程序已启动并正在运行。

使用IIS检查this并使用Node Express检查this来部署您的应用。

Answer 2

首先，您应该使用以下内容构建用于生产的应用

ng build --prod

您将在项目文件夹中找到一个dist文件夹。这是您的应用程序的正式版。

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

Answer 3

通常，我不会将Angular CLI的内置Web服务器用于生产部署。

使用Angular CLI，您可以使用此命令

创建生产版本

ng build –prod 

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

Answer 4

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

要了解它的位置，请转到.angular-cli.json文件并查看apps > outDir属性。例如：

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

...

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