代码之家 › 专栏 › 技术社区 › Dragouf

angular6:使用cli添加通用支持

angular-universal angular-cli angular

1

Dragouf · 技术社区 · 7 年前

我使用AngularCLI创建了一个新的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"
  }
}

内部角度。json文件。是否有其他cli命令来生成服务器应用程序?

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

执行后继续的好方法是什么 ng生成通用 命令

1 回复 | 直到 7 年前

1

3

David 7 年前

我认为您首先需要使用以下命令编译服务器应用程序

ng run [appName]:server

将在指定文件夹中创建和复制服务器包( dist/VulogDeploy-server 在您的情况下)

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

angular 6的wiki故事尚未更新 https://github.com/angular/angular-cli/wiki/stories-universal-rendering ,但我想原理是一样的