angular6：使用 cli 添加通用支持

Question

我使用 angular cli 创建了一个新的 angular6 应用程序，然后键入：

ng generate universal

添加通用支持。

我工作正常，但我想知道为什么它添加了

"server": {
  "builder": "@angular-devkit/build-angular:server",
  "options": {
    "outputPath": "dist/VulogDeploy-server",
    "main": "ClientApp/main.server.ts",
    "tsConfig": "ClientApp/tsconfig.server.json"
  }
}

在 angular.json 文件中。是否有另一个 cli 命令来生成服务器应用程序？

我试着查看文档，我看到他们正在创建一个 webpack 配置文件并使用 webpack 命令生成服务器应用程序。

执行 ng generate universal 命令后继续的好方法是什么？

Answer 1

我会说你首先需要使用以下命令编译服务器应用程序

ng run [appName]:server

这将在指定文件夹中创建并复制服务器包（dist/VulogDeploy-server 在您的情况下）

然后，您需要使用 nodejs/express 和 webpack 设置通用网络服务器。您使用 webpack 来编译您的 server.ts，它将使用第一步中创建的应用程序包来进行渲染

angular6 的 wiki 故事尚未更新 https://github.com/angular/angular-cli/wiki/stories-universal-rendering，不过我想原理还是一样的

angular6：使用 cli 添加通用支持

angular6: add universal support with cli

angular-cli

angular-universal

angular