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

【问题标题】：How to create a Custom Javascript in Shopware 6 which I can use in my Twig files?如何在 Shopware 6 中创建可以在 Twig 文件中使用的自定义 Javascript？
【发布时间】：2020-12-04 06:43:00
【问题描述】：

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

【问题讨论】：

标签： javascript twig shopware shopware6

【解决方案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。那我该如何搭建店面呢？