如何使用Angular6和AngularFire2实现SSR
我将按照本教程使用AngularFire2设置SSR。然而,本指南“仅符合角度5”似乎- 我的问题是:当我进入需要设置angular-cli.json(现在在angular 6中称为angular.json)的步骤时,结构被完全重写。是否有任何方法可以像教程所建议的那样添加多个构建目标 我曾尝试为architect build部分添加一个数组条目(有点像angular cli.json中添加应用程序数组的“旧”方法),但运气不佳-我得到了“此处需要对象”-它看起来像这样:如何使用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"
"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命令需要大量的尝试和错误。:) 我会试试看,然后再打给你。谢谢你的回复。