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

angular6:使用cli添加通用支持

angular-universal angular-cli angular

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 年前

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 ,但我想原理是一样的

推荐文章

Cody Pritchard · Angular-Esbuild区块大小与服务时的构建输出不匹配

1 年前

Ákos Vandra-Meyer · 如何在角度上运行并保持外部编码器同步?

2 年前

Vedic Developer · 如何在本地安装Angular时运行ng命令?

2 年前

Nipuni Madanayake · npm install-g@angular/cli命令是否会升级angular版本(如果我已经安装了angular)?

3 年前

John Rousseau · 将js组件导入Angular 5

7 年前

Bob Zheng · 数据路径“”不应具有其他属性(dryRun)

7 年前

shehata · 将多个项目(在CLI工作区中)延迟加载到一个大型应用程序

7 年前

Rod · 英雄角巡演-包括测试项目,但不起作用

7 年前

MPoutanen · 角度6:返回HttpHeaders

7 年前

batmaniac · 在ng build angular中运行严格编译

7 年前