如何解决如何在我的自定义主题中包含自定义js文件?
使用OroCommerce v4.1.8(最新的稳定版本)。
我已经创建了自定义主题(从“默认”主题扩展),该主题可以正确呈现(所有css均已按定义加载并应用),但是我的自定义JS文件似乎未包含在页面中。以下是我的\ Resources \ views \ layouts \ mytheme \ config \ jsmodules.yml文件:
shim:
jquery:
expose:
- $
- jQuery
magnificPopup:
imports:
- jQuery=jquery
owlCarousel:
imports:
- jQuery=jquery
exports: owlCarousel
aliases:
magnificPopup$: mytheme/js/magnific-popup.min
owlCarousel$: mytheme/js/owl.carousel.min
my-main$: mytheme/js/main
dynamic-imports:
mytheme:
- magnificPopup
- owlCarousel
- my-main
在网络服务器上,我可以看到在/ var / www / oroapp / public / layout-build / mytheme / chunk文件夹下创建了一个已编译的mytheme.js文件,但是查看该主页的HTML,没有行/引用以加载此文件。
请告知我所缺少的内容或如何解决此问题?
解决方法
OroCommerce使用Webpack构建JS依赖项。默认情况下,所有已配置的JavaScript依赖项文件都会合并到单个文件中,例如:
<script src="/layout-build/mytheme/app.js"></script>
其中mytheme
是您的主题名称。
要在ES6模块中使用上述依赖项之一,您必须使用import
语句或使用require
函数来手动要求它。
有关更多详细信息,请参见关于JavaScript Modularity in the OroCommerce Application的官方文档。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。