如何处理 js.liquid 和 css.liquid答案

【问题标题】：How to handle js.liquid and css.liquid如何处理 js.liquid 和 css.liquid
【发布时间】：2017-07-17 15:43:26
【问题描述】：

我正在使用像 Shopify 这样的 Liquid 模板开发一个网站。

在 Shopify 的 Liquid 模板中，有一些文件：file1.js.liquid、file2.css.liquid，我不知道如何将这些文件转换为普通文件 file1.js、file2.css

谢谢，

【问题讨论】：

【解决方案1】：

您不需要转换这些文件。 Shopify 将自动从您的 .css.liquid 或 .js.liquid 文件生成 .js 或 .css 文件。

像这样简单地加载你的 css 文件

{{ 'file2.css' | asset_url | stylesheet_tag }}

或

{{ 'file1.js' | asset_url | script_tag }}

【讨论】：

感谢您的 cmets。但我想知道如何实现这些过滤器asset_url、stylesheet_tag。因为它没有提供标准液体。
您可以在此处阅读有关这些 url 过滤器的信息。 help.shopify.com/themes/liquid/filters/url-filters Shopify 可能已经为流动语言添加了更多功能以使一切正常。
asset_url 过滤器会在您的文件名前面加上指向您主题资产文件夹的适当 CDN 链接。 _tag 过滤器将这些链接转换为预先格式化的 HTML 标记。如果您在非 Shopify 环境中，您只需要手动编写这些代码