使用 Zeit Now 部署 Angular 应用的生产版本答案

【问题标题】：Deploy a production build of an Angular app with Zeit Now使用 Zeit Now 部署 Angular 应用的生产版本
【发布时间】：2019-12-24 00:24:50
【问题描述】：

我正在使用zeit now 来部署一个 Angular 应用程序。我关注了this tutorial。

我使用 Angular CLI 创建了应用程序。我使用命令ng serve在本地开发它，并通过运行now进行部署。就像在教程中一样。但是，部署的代码似乎没有被缩小。如果我查看开发人员控制台的网络选项卡并阅读 javascript，它看起来并没有缩小，它看起来就像我写的一样。作为参考，我的网站可以在这里找到https://peacefulprogramming.xyz/

我的问题

1) now 命令是否会生成我的应用程序的生产版本（相当于 ng build --prod）？

2) 如果没有，我怎样才能得到它来进行生产构建？

【问题讨论】：

运行 ng build --prod 来创建 prod build 然后 cd 到 dist 文件夹，然后运行 now
@alt255 没用

标签： angular angular8 vercel

【解决方案1】：

您可以使用@zeit/ng-deploy 包在zeit 上部署您的应用程序。 Angular cli 8.3.0 发布后，它也将支持ng deploy 命令。 ng deploy 命令目前在8.3.0_RC0 中可用

按照以下步骤：

将@zeit/ng-deploy 添加到您的项目中

ng add @zeit/ng-deploy 系统将提示您登录 Now 帐户

将您的项目部署到现在

ng run [project_name]:deploy

这将创建生产版本，然后在单个命令中部署到 zeit

部署应用程序后，您将看到类似于以下内容的输出：

您的应用程序部署在https://[project-name]-1234.now.sh

【讨论】：