如何在 Hybris 中包含 javascript 和 css 文件？

Question

我正在尝试使用第 3 方 javascript 控件Owl Carousel。我阅读文档的方式是这样的：

在 Owl Carousel 的 zip 文件中，有一个名为 owlcarousel 的文件夹，其中包含 javascript 和另一个文件夹，其中包含需要复制到 /modules/base-accelerator/yacceleratorstorefront/web/webroot/_ui/responsive/common 的所有支持文件. 然后我只需要进入 javaScript.tag 文件并在文件末尾添加这一行：

<script src="${commonResourcePathHtml}/owlcarousel/owl.carousel.min.js"></script>

尝试后，即使不使用控件，我也会遇到各种加载错误并且不显示图像。所以我的问题是：

1. 包含 3rd 方 javascript 的正确方法是什么？
2. 有什么方法可以控制哪些页面实际获取 javascript 文件，或者只是让所有页面都包含所有 javascript 文件？

Answer 1

查看“Storefront Web Application Deconstructed”是否有帮助：https : //help.sap.com/viewer/4c33bf189ab9409e84e589295c36d96e/1905/en-US/8af03fda8669101491e4aac2acaeb2dd.html

• 网络/网络根
  • _ui：包含当前主题的 JavaScript 和 CSS 样式。
    • shared/js：桌面和响应式页面使用的共享 JavaScript。
    • 响应式/通用：常用的样式表、JavaScript 库和图像。
    • 响应/主题-alpha：蓝色主题定义。
    • 响应/主题-lambda：黑色主题定义。
• 网络信息
  • _ui-src：包含 JS 测试、完整库和用于为主题生成 CSS 的 Less 文件。
  • common/tld：CMS 和 ycommerce 标签的标签库描述符文件。
  • config：Spring 应用程序上下文文件。
  • lib：店面所需的库。
  • 消息：本地化文件。
  • 标签：在视图中使用的标签。
  • 视图：JSP 页面、片段和 CMS 组件。