1

对于过去的 Angular 2 项目，我会将静态 dist 文件夹从 Angular CLI 构建上传到 Google Cloud Platform。我会在gcloud app deploy app.yaml这个 app.yaml 文件中使用带有命令的 SDK：

application: 
version: 
runtime: python27
threadsafe: true
api_version: 1

handlers:
- url: /(.*\.(gif|png|jpeg|jpg|css|js)(|\.map))$
  static_files: dist/\1
  upload: dist/(.*)(|\.map)

- url: /(.*)
  static_files: dist/index.html
  upload: dist/index.html

我已经开始使用Universal-CLI了。ung build它也使用该命令生成一个 dist 文件夹。

该文档概述了服务器渲染的两种方法。这个 dist 文件夹是第一种方法的意思吗：

第一个选项是预渲染您的应用程序，这意味着您将使用一个通用构建工具（即 gulp、grunt、broccoli、webpack 等）在构建时为您的所有路由生成静态 HTML。然后，您可以将该静态 HTML 部署到 CDN。

如果我以与上面概述的过去 Angular 2 项目相同的方式部署 dist 文件夹，Angular Universal 是否按预期工作？

如果不是，应该如何部署 Angular Universal 项目？

4

1 回答 1

0

这里有点晚了。无论哪种方式，以防有人仍在寻找这个。

这就是我最终做的。我将我的代码仓库（包含整个应用程序减去 node_modules 等的文件夹）转移到域文件夹中。（public_html 或任何你正在使用的）

在此之后，我运行了这两个命令。

npm install
npm start

基本上，在您的服务器中安装所有必需的依赖项并启动您的服务器。

第二个命令npm start直接适用于你从这里为 Angular CLI 和 Universal 使用出色的入门应用程序构建项目的情况。如果没有，请使用您在开发中启动应用程序时使用的任何命令。

于 2017-06-27T09:55:16.030 回答