Sass 用于将背景URL从路径切换到资源URL的SCSS变量

这可能吗？基本上我有我的静态HTML模板，它使用像

url（…/img/Interface/Icon.svg）

这样的图像路径。然后，模板将用于Shopify（slate）主题，因此所有图像都需要直接进入Assets文件夹，而不需要子文件夹

这很好，因为我可以将我的静态模板结构与Shopify slate主题匹配，但显然图像应该是这样的格式：

#selector{background:url（{{image.jpg'| asset_url}}）}

---

当CSS被复制时，有人能想出一种管理CSS的方法吗？一直手动更改它们将是一件痛苦的事情。

您不需要使用

资产url

过滤器编写它们

---

您只需将它们保留为

background:url（'image.jpg'）

，它们的唯一区别是它们将以这种方式缓存。

我不确定您正在努力解决什么问题，但如果您想在SCSS文件中使用liquid，只需将其保存为

whateverStylesheet.scss.liquid

，然后您就可以使用文件中的任何液体，Shopify首先处理液体，然后再处理scss，然后再呈现最终的CSS文档

---

编辑：阅读了解更多信息。

SCSS文件是静态html模板的一部分（Shopify之外），因此我认为它不会识别液态代码。不幸的是，液态代码可以在CSS、SCSS和JS中工作。但前提是它们的延伸是液体。创建一个文件，如：

styles.scss.liquid

，在主主题文件中将其称为

styles.css

。静态scss文件如何知道

{{image.jpg'| asset_url}

是什么？因为这里没有提及什么是

资产\u url

，也没有提及它应该如何呈现？Shopify首先处理liquid，然后处理SCS。所以

{{'image.jpg | asset_url}}

变成了

cdn.shopify.com/whatever/directory/image.jpg？1847474858

我在我的原始答案中添加了一个指南链接，这将更好地向您展示它的工作原理。