SAP Spartacus UI 服务器端渲染的调试启动方式 - debug 模式

简介: SAP Spartacus UI 服务器端渲染的调试启动方式 - debug 模式

首先确认你已经熟悉这篇文章的启动方式: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

相关文章
|
26天前
|
存储 弹性计算 编解码
ecs实例规格工作负载模式
阿里云ECS实例有多种工作负载模式:计算密集型(适合高性能计算)、内存密集型(适用于内存数据库)、通用型(平衡资源,多场景适用)、大数据型(优化大数据分析)、共享型(低成本,轻负载)和企业级实例(高稳定性和隔离性)。用户依据业务需求选择实例规格,结合SLB和ESS服务可优化架构,应对动态负载。
22 4
|
1月前
|
Web App开发 数据采集 前端开发
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
15 0
|
4月前
|
存储 设计模式
用反应器模式和epoll构建百万并发服务器
用反应器模式和epoll构建百万并发服务器
36 0
|
5月前
|
安全 Java 持续交付
Java本地远程服务器debug调试
Java本地远程服务器debug调试
115 0
|
4月前
|
移动开发 前端开发 JavaScript
VSCode设置类似Webstorm那样可以用本地局域网IP地址访问自己开发的测试项目,vs code 前端如何以服务器模式打开?
VSCode设置类似Webstorm那样可以用本地局域网IP地址访问自己开发的测试项目,vs code 前端如何以服务器模式打开?
VSCode设置类似Webstorm那样可以用本地局域网IP地址访问自己开发的测试项目,vs code 前端如何以服务器模式打开?
|
12天前
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
12 1
什么是 SAP ABAP 里的 Subscreen
|
2月前
|
弹性计算
阿里云服务器“带宽计费模式”详细说明_2024固定带宽和流量详解
阿里云服务器“带宽计费模式”详细说明_2024固定带宽和流量详解,按固定带宽是指直接购买多少M带宽,比如1M、5M、10M、100M等,阿里云直接分配用户所购买的带宽值,根据带宽大小先付费再使用;按使用流量是先设置一个带宽峰值,然后根据实际公网产生的出流量来计算费用,先使用后付费
|
2月前
|
弹性计算
阿里云服务器的带宽计费模式是什么意思?咋收费的?
阿里云服务器带宽计费模式分为“按固定带宽”和“按使用流量”,有什么区别?按固定带宽是指直接购买多少M带宽,比如1M、5M、10M、100M等,阿里云直接分配用户所购买的带宽值,根据带宽大小先付费再使用;按使用流量是先设置一个带宽峰值,然后根据实际公网产生的出流量来计算费用,先使用后付费。阿里云百科分享阿里云服务器“带宽计费模式”详细区别、计费及注意事项
|
2月前
|
弹性计算
阿里云服务器“带宽计费模式”是什么意思?
阿里云服务器“带宽计费模式”是什么意思?阿里云服务器带宽计费模式分为“按固定带宽”和“按使用流量”,有什么区别?按固定带宽是指直接购买多少M带宽,比如1M、5M、10M、100M等,阿里云直接分配用户所购买的带宽值,根据带宽大小先付费再使用;按使用流量是先设置一个带宽峰值,然后根据实际公网产生的出流量来计算费用,先使用后付费
|
3月前
|
移动开发 负载均衡 网络协议
Linux C/C++ reactor模式下实现简易的web服务器
Linux C/C++ reactor模式下实现简易的web服务器
29 0

热门文章

最新文章