时间戳

首页 > 解决方案 > 如何在 Shopware 6 中创建可以在 Twig 文件中使用的自定义 Javascript？

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

问题描述

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

标签： javascripttwigshopwareshopware6

解决方案

您可以使用 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

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

推荐阅读