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

angular6:使用cli添加通用支持

  •  1
  • Dragouf  · 技术社区  · 6 年前

    我使用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 回复  |  直到 6 年前
        1
  •  3
  •   David    6 年前

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

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