使用 ng new jerryssr 創建一個空的 Angular 項目：

確保項目創建成功。

ng add @spartacus/schematics@latest --baseUrl https://spartacus-demo.eastus.cloudapp.azure.com:8443/ --baseSite=electronics-spa --ssr

彈出提示信息：Please choose which configuration you would like to add. (Use arrow keys)

默認是 b2c, 維護在 schema.json 的 configuration 的 enum 節點里：

Which Spartacus features would you like to setup?

然后選擇要安裝的 feature：

自動添加的內容：https://github.com/wangzixi-diablo/ssrdemo/commit/076f582ad691a5b65b3276abd8122751a900237f

• angular.json:

多了 “src/styles/spartacus/user.scss”：

多了 tsconfig.server.json:

增加了和 server 相關的 architect 設置：

• package.json：增加了新的 scripts：
  

devDependencies 里，增加了對 schematics 的引用：

• app.module.ts:

• spartacus.module.ts: 包含了 SpartacusFeatureModule 和 SpartacusConfigurationModule：

啟動命令：npm run build:ssr && npm run serve:ssr

ng build --prod 相當于 ng build --configuration=production

ng build --prod 最終使用的是 configurations 里 product 節點下指定的 environment.prod.ts 文件：

environment.prod.ts 的內容：production: true

build 之后的輸出文件夾：

build 的結果：輸出文件夾在 dist/jerryssr/browser 里：

npm run build:ssr 命令的另一半：ng run jerryssr:server:production

ng 命令執行的是 angular.json 文件里定義的 project architect：

這次的輸出是 dist/jerryssr/server:

server 文件夾里生成的資源：

最后，執行的是 main.js：

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的手动安装 SAP Spartacus 3.3.0版本并启用服务器端渲染 SSR的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。