为所有块主题应用程序扩展创建共享CSS资源

Question

我正在通过主题应用程序扩展开发自定义块，但是，我计划使用 tailwind 将样式添加到这些组件，因此如果我添加此资源，我需要一个通用的 css 资源来在任何块上使用这些样式在每个块中，同一个文件将被加载多次。

{{ 'tailwind-styles.css' | asset_url | stylesheet_tag }} // -> I have to add this line to every block in my extension folder

<div>
  Custom Block
</div>

{% schema %}

{% endschema %}

我想知道是否有一种方法可以仅加载此样式文件一次，并且我的扩展中的每个块都可以访问这些样式。

非常感谢

Answer 1

{% schema %}
  {
    "name": "Block name",
    "target": "section",
    "stylesheet": "custom.css",
    "javascript": "custom.js"
  }
{% endschema %}

这就是您必须将 CSS 或 JS 添加到您的块中的方式。

Shopify 主题扩展示例