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

How to create a Custom Javascript in Shopware 6 which I can use in my Twig files?

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

您可以使用 Shopware webpack 构建配置。为此,您必须定义一个 entry-point,以便 webpack 知道从哪里开始。在 Shopware 6 中,此 entry-point 是以下目录中的 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

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