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

Question

如何创建一个我可以在我的模板上使用的自定义 Javascript 函数以及将它放在哪里？在这个 Twig 文件中做一个巨大的内联函数似乎是错误的

Answer 1

您可以使用 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. 该文件将被 shopware 自动识别。

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

./psh.phar storefront:build

重要说明：这也可能会在您的插件中生成一个公共目录。始终将此目录与您的插件一起提供，不要排除或删除它！