如何使用Angular6和AngularFire2实现SSR

如何使用Angular6和AngularFire2实现SSR,angular,configuration,angularfire2,server-side-rendering,Angular,Configuration,Angularfire2,Server Side Rendering,我将按照本教程使用AngularFire2设置SSR。然而,本指南“仅符合角度5”似乎- 我的问题是:当我进入需要设置angular-cli.json(现在在angular 6中称为angular.json)的步骤时,结构被完全重写。是否有任何方法可以像教程所建议的那样添加多个构建目标 我曾尝试为architect build部分添加一个数组条目(有点像angular cli.json中添加应用程序数组的“旧”方法),但运气不佳-我得到了“此处需要对象”-它看起来像这样: "build"

我将按照本教程使用AngularFire2设置SSR。然而,本指南“仅符合角度5”似乎-

我的问题是:当我进入需要设置angular-cli.json(现在在angular 6中称为angular.json)的步骤时,结构被完全重写。是否有任何方法可以像教程所建议的那样添加多个构建目标

我曾尝试为architect build部分添加一个数组条目(有点像angular cli.json中添加应用程序数组的“旧”方法),但运气不佳-我得到了“此处需要对象”-它看起来像这样:

    "build": [{
      "builder": "@angular-devkit/build-angular:browser",
      "options": {
        "outputPath": "dist/browser",
        "index": "src/index.html",
        "main": "src/main.ts",
        "polyfills": "src/polyfills.ts",
        "tsConfig": "src/tsconfig.app.json",
        "assets": [
          "src/favicon.ico",
          "src/assets"
        ],
        "styles": [
          "src/styles.scss",
          "src/assets/foundation-icons/foundation-icons.css"
        ],
        "scripts": []
      },
      "configurations": {
        "production": {
          "fileReplacements": [
            {
              "replace": "src/environments/environment.ts",
              "with": "src/environments/environment.prod.ts"
            }
          ],
          "optimization": true,
          "outputHashing": "all",
          "sourceMap": false,
          "extractCss": true,
          "namedChunks": false,
          "aot": true,
          "extractLicenses": true,
          "vendorChunk": false,
          "buildOptimizer": true
        }
      }, ... // new build target here ]
有没有办法在angular 6的新json结构中实现相同的结果,这里我只讨论为angular.json设置配置信息

如果需要,我可以提供更多信息


在architect配置下,您可以添加服务器端应用程序的配置,类似于在.angular-cli.json中配置应用程序的方式

architect: {
...
"server": {
      "builder": "@angular-devkit/build-angular:server",
      "options": {
        "outputPath": "dist-server",
        "main": "src/main.server.ts",
        "tsConfig": "src/tsconfig.server.json"
      }
    }
}
请注意,这不在build属性下。然后,要将此代码构建到dist服务器,可以运行

ng run myProject:server

这是安装新CLI后运行ng upgrade提供的默认配置,但要确定ng run命令需要大量的尝试和错误。:)

我会试试看,然后再打给你。谢谢你的回复。