如何在Shopware 6中创建可在Twig文件中使用的自定义Javascript?

问题描述

如何创建可在模板上使用的自定义Javascript函数以及将其放在何处? 在此Twig文件中内联巨大功能似乎是错误

解决方法

您可以使用Shopware Webpack构建配置。为此,您必须定义一个入口点,因此webpack知道从哪里开始。在Shopware 6中,此入口点是以下目录内的main.js文件:<plugin root>/src/Resources/app/storefront/src

默认情况下,已编译的js文件保存在<plugin root>/src/Resources/app/storefront/dist/storefront/js/<plugin-name>.js中。该文件将由商店软件自动识别。

在开发模板目录中使用以下命令对其进行测试:

./psh.phar storefront:build

重要说明:这也可能会在插件内部生成一个公共目录。始终将此目录与您的插件一起提供,请勿排除或删除它!