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

Posted 2023-02-16

【中文标题】如何在 Shopware 6 中创建可以在 Twig 文件中使用的自定义 Javascript？

【英文标题】：How to create a Custom Javascript in Shopware 6 which I can use in my Twig files?

【发布时间】：2020-12-04 06:43:00

【问题描述】：

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

【参考方案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

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

【讨论】：

我正在运行 Shopware 6 的生产版本。这不包括 psh.phar。那我该如何搭建店面呢？