SAP Spartacus 服务器端渲染调试的开发端版本

简介: SAP Spartacus 服务器端渲染调试的开发端版本

我按照这篇文章手动安装 SAP Spartacus 3.3.0版本并启用服务器端渲染 SSR 的介绍,启用了 SAP Spartacus 服务器端渲染,并且按照SAP Spartacus服务器端渲染模式下的调试方法 介绍的办法,在 Visual Studio Code 里启用了调试模式。但是 SAP Spartacus 服务器端渲染, 用 node 执行的 main.js 文件,经过 minification,文件内所有空格和注释均被删除过。这给调试带来了一些困难。


image.png其实,这是因为我们在 setup 服务器端渲染时,package.json scripts 区域里,build:ssr 对应的指令,ng build 和 ng run jerryssr:server, 都带上了 --prod 参数。image.png解决调试困难的办法:在 package.json 里添加一行新脚本,不启用 prod 选项即可。


“build:ssr:dev”: “ng build && ng run jerryssr:server”,


如下图所示,这是启用了 prod 模式之后 build 的输出,main.js 只有 5393 kb:



image.png未启用 prod 模式后,main.js 大小为 12386 kb,大了不少:image.pngimage.png

相关文章
|
1月前
|
JavaScript 搜索推荐 UED
描述 Vue 的服务器端渲染(SSR)。
描述 Vue 的服务器端渲染(SSR)。
23 3
|
1天前
|
数据采集 资源调度 前端开发
React的服务器端渲染:使用ReactDOMServer进行高效页面预渲染
【4月更文挑战第25天】使用ReactDOMServer,React支持服务器端渲染以实现高效预渲染。通过在Node.js环境中将React组件转化为HTML字符串,减少客户端JavaScript负载和渲染时间。优点包括更快首屏加载、改善SEO和兼容无JavaScript环境,但也会增加服务器负载、复杂性和状态管理挑战。开发者需根据项目需求平衡SSR和CSR。
|
8天前
|
JavaScript 前端开发 UED
Vue工具和生态系统: Vue.js和服务器端渲染(SSR)有关系吗?请解释。
Vue.js是一个渐进式JavaScript框架,常用于开发单页面应用,但其首屏加载较慢影响用户体验和SEO。为解决此问题,Vue.js支持服务器端渲染(SSR),在服务器预生成HTML,加快首屏速度。Vue.js的SSR可手动实现或借助如Nuxt.js的第三方库简化流程。Nuxt.js是基于Vue.js的服务器端渲染框架,整合核心库并提供额外功能,帮助构建高效的应用,改善用户体验。
12 0
|
3月前
|
数据采集 JavaScript 前端开发
服务器端渲染(SSR)和客户端渲染(CSR)
服务器端渲染(SSR)和客户端渲染(CSR)
|
3月前
|
前端开发 搜索推荐 UED
从性能到用户体验,探索服务器端渲染(SSR)与客户端渲染(CSR)的比较与选择
在现代 Web 开发中,服务器端渲染(SSR)和客户端渲染(CSR)是两种常见的渲染方式。本文将对它们进行比较,从性能、开发体验和用户体验等方面探讨它们的优劣势,以帮助开发者做出合适的选择。
|
3月前
|
数据采集 前端开发 JavaScript
服务器端渲染(SSR)和客户端渲染(CSR)的比较与选择
服务器端渲染(SSR)和客户端渲染(CSR)是现代 Web 开发中广泛使用的两种渲染方式。本文将从性能、SEO、开发成本等角度对两者进行比较,并提供选择建议。
|
3月前
|
缓存 数据库 UED
SSR 服务器端渲染:提升用户体验的新趋势(下)
SSR 服务器端渲染:提升用户体验的新趋势(下)
SSR 服务器端渲染:提升用户体验的新趋势(下)
|
3月前
|
前端开发 JavaScript 搜索推荐
SSR 服务器端渲染:提升用户体验的新趋势(上)
SSR 服务器端渲染:提升用户体验的新趋势(上)
SSR 服务器端渲染:提升用户体验的新趋势(上)
|
3月前
|
缓存 JavaScript 前端开发
|
3月前
|
前端开发 JavaScript UED
服务器端渲染(SSR)与客户端渲染(CSR):选择哪个更适合你的应用程序?
在现代Web应用程序开发中,前端技术已经变得非常重要。在构建Web应用程序时,开发人员需要考虑两种不同的渲染方式:服务器端渲染(SSR)和客户端渲染(CSR)。本文将比较这两种渲染方式并探讨如何选择最适合你的应用程序。
32 0