如何處理js.liquid和css.liquid

我正在開發一個使用Shopify等Liquid模板的網站。如何處理js.liquid和css.liquid

在Shopify的液體模板，還有一些文件：file1.js.liquid，file2.css.liquid，我不知道如何把這些文件到正常的文件file1.js，file2.css

謝謝，

2017-07-17 thesi

你不需要轉換這些文件。 Shopify會自動從.css.liquid或.js.liquid文件生成.js或.css文件。

只需加載你的CSS文件中像這樣

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

或

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

2017-07-17 15:58:59

感謝您的意見。但我想知道如何實現這些過濾器asset_url，stylesheet_tag。因爲它不是以標準液體提供的。 – thesi

你可以在這裏閱讀這些URL過濾器。 https://help.shopify.com/themes/liquid/filters/url-filters Shopify可能已經添加了更多的液體語言功能，使所有的工作。 –

「asset_url」過濾器會將您的文件名與您的主題資產文件夾的相應CDN鏈接相加。 '_tag'過濾器將這些鏈接轉換爲預格式化的HTML標籤。如果您處於非Shopify環境中，則只需手動編寫這些部分即可 –

回答