如何在店面的插件页面上添加JavaScript文件?

2020-09-26 06:06发布

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


我正在使用Hybris 6.3,并添加了一个自定义店面的插件,为此添加了一些新页面。

我一直遵循链接中的指南,但我没有 找不到如何为某些页面设置javascript文件。

当我创建插件时,它在加速器路径addon/web/webroot/_ui/response/common/js/customstorefront.js中带有一个js文件,据我收集,此js在我使用过的每个页面上都在使用 加上,是不是? 有人可以向我确认吗?

在这种情况下,也是因为我想将代码分类在不同的js文件中以获得最佳实践,我如何配置添加的js文件,以仅将它们用于某些页面?

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


我正在使用Hybris 6.3,并添加了一个自定义店面的插件,为此添加了一些新页面。

我一直遵循链接中的指南,但我没有 找不到如何为某些页面设置javascript文件。

当我创建插件时,它在加速器路径addon/web/webroot/_ui/response/common/js/customstorefront.js中带有一个js文件,据我收集,此js在我使用过的每个页面上都在使用 加上,是不是? 有人可以向我确认吗?

在这种情况下,也是因为我想将代码分类在不同的js文件中以获得最佳实践,我如何配置添加的js文件,以仅将它们用于某些页面?

付费偷看设置
发送
4条回答
N-Moskvin
1楼-- · 2020-09-26 06:17

嗨,

如果在project.properties中添加js名称,则该名称将在页面中可用。 映射应为〜extensionName〜.javascript.paths。〜uiexperience〜

对于您而言,它应该是addonName.javascript.paths.sensitive。 发生这种情况是因为在 javascript.tag 中,加载了$ {addOnJavaScriptPaths}路径中存在的所有javascript文件。 UiThemeResourceBeforeViewHandler.java中提到了此路径

在上述情况下,将为每个页面加载所有插件js。 如果要限制特定页面的特定js,则可以添加-c:if test =" $ {not empty cmsPage and cmsPage.uid eq'stockingsPage'}"这样的条件,那么只会加载您的js。

为了提高性能,Hybris 6.3附带了使用wro的js缩小功能。 如果$ {wro4jEnabled}为true,则您网站中存在的所有js都将被压缩为2个主要js-

  1. all_sensitive.js

  2. addons_sensitive.js

希望这种解释有所帮助。

谢谢。

clasier
2楼-- · 2020-09-26 06:33

javascript.tag位于店面中。

callcenter油条
3楼-- · 2020-09-26 06:12

所有js文件的映射都在插件的project.properties.template文件中给出。 您可以添加其他用分号(;)

nice_wp
4楼-- · 2020-09-26 06:17

分隔的js文件,但是Hybris如何处理在哪个页面中使用哪个JS? 所有页面中定义的所有JS是否都可用? 例如,我有 customstorefront.javascript.paths.sensitive =/response/common/js/customstorefront.js;/response/common/js/stocking.js;/response/common/js/account.js; ,如何确定stocking.js仅在我的库存页面JSP中可用? 还是没关系,取决于我来定义调用哪个方法? 请帮助我理解与店面页面和JavaScript结合使用的最佳做法。

一周热门 更多>