sass - SCSS 变量将背景 URL 从路径切换到 ASSET_URL

Question

这甚至可能吗？基本上我有我的静态 HTML 模板，它使用像url (.../img/Interface/Icon.svg). 然后在 Shopify (slate) 主题中使用模板，因此所有图像都需要直接进入 Assets 文件夹，没有子文件夹。

这很好，因为我可以将我的静态模板结构与 Shopify slate 主题匹配，但显然图像应该采用以下格式：#selector {background:url({{ 'image.jpg' | asset_url }});}.

任何人都可以想到在复制 CSS 时管理 CSS 的方法吗？一直手动更改它们会很痛苦。

标签： sassshopifyliquid

Answer 1

您不需要使用asset_url过滤器编写它们。

您可以将它们保留原样background:url('image.jpg')，它们将与它们以这种方式缓存的唯一区别一起工作。