首先确认你已经熟悉这篇文章的启动方式：SAP Spartacus develop branch 的服务器端渲染启动方式。

第一步

添加一个新的 build script，把 --configuration production 去掉：

"build:libs:dev": "ng build core && ng build storefrontlib && yarn build:schematics && yarn build:user && yarn build:cart && yarn build:order && yarn build:checkout && yarn build:asm && yarn build:tracking  && concurrently --kill-others-on-fail -m 4 yarn:build:organization yarn:build:product yarn:build:product-configurator yarn:build:storefinder yarn:build:smartedit yarn:build:qualtrics yarn:build:assets yarn:build:incubator yarn:build:cdc yarn:build:cds yarn:build:setup yarn:build:digital-payments",

然后 yarn build:libs:dev, 这会在 dist 文件夹下生成对应的文件夹。

里面全是 build 之后的文件：

构建完成：

第二步

然后构建 StorefrontApp：

yarn build:dev

显式加上 --configuration development

最后 StorefrontApp 文件夹里的构建结果：

第三步

"build:ssr:dev": "env-cmd --no-override -e dev,b2c,$SPA_ENV ng run storefrontapp:server:jerrydev", -- 注意，后面通过验证发现，这个配置行不通

确保生成了对应的 source code map 文件：

最后启动失败：

解决办法：还是用 production 这个 configuration：

只要把 sourceMap 设成 true 就会 out of memory.

所以这一步还是只能 fallback 成标准的 yarn build:ssr

最后 yarn serve:ssr:dev 启动：

现在就可以开始调试了。上图是应用在浏览器环境里的调试。

如果修改了代码之后，可以使用下面的命令行，重新构建：

一行命令让 Spartacus 源代码修改之后重新构建

set SSR_TIMEOUT=1981231&& yarn build:libs:dev&& yarn build:dev&& yarn build:ssr&& yarn serve:ssr:dev

更多Jerry的原创文章，尽在："汪子熙":