2017-07-17 205 views
0

我正在开发一个使用Shopify等Liquid模板的网站。如何处理js.liquid和css.liquid

在Shopify的液体模板,还有一些文件:file1.js.liquid,file2.css.liquid,我不知道如何把这些文件到正常的文件file1.js,file2.css

谢谢,

回答

2

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

只需加载你的CSS文件中像这样

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

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

+0

感谢您的意见。但我想知道如何实现这些过滤器asset_url,stylesheet_tag。因为它不是以标准液体提供的。 – thesi

+1

你可以在这里阅读这些URL过滤器。 https://help.shopify.com/themes/liquid/filters/url-filters Shopify可能已经添加了更多的液体语言功能,使所有的工作。 –

+0

“asset_url”过滤器会将您的文件名与您的主题资产文件夹的相应CDN链接相加。 '_tag'过滤器将这些链接转换为预格式化的HTML标签。如果您处于非Shopify环境中,则只需手动编写这些部分即可 –