Wie man mit js.liquid und css.liquid umgehen kann

Ich entwickle ein Web mit Liquid Template wie Shopify.Wie man mit js.liquid und css.liquid umgehen kann

In flüssiger Vorlage von Shopify, gibt es einige Dateien: file1.js.liquid, file2.css.liquid, ich weiß nicht, wie diese Datei auf normale Datei file1.js zu verwandeln, file2.css

Danke,

Quelle

2017-07-17 thesi

Sie müssen diese Dateien nicht transformieren. Shopify generiert automatisch die .js oder .css Datei aus Ihrer .css.liquid oder .js.liquid Datei.

Laden Sie einfach Ihre CSS-Datei wie diese

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

oder

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

Quelle

2017-07-17 15:58:59

Vielen Dank für Ihre Kommentare. Aber ich würde gerne wissen, wie diese Filter Asset_url, stylesheet_tag zu implementieren. Weil es nicht in Standardflüssigkeit zur Verfügung gestellt wird. – thesi

Sie können über diese URL-Filter hier nachlesen. https://help.shopify.com/themes/liquid/filters/url-filters Shopify möglicherweise mehr Funktionen zur flüssigen Sprache hinzugefügt haben, damit alles funktioniert. –

Der 'asset_url'-Filter fügt Ihrem Dateinamen den entsprechenden CDN-Link zum Asset-Ordner Ihres Themes hinzu. Die '_tag'-Filter verwandeln diese Links in vorformatierte HTML-Tags. Wenn Sie nicht in einer Shopify-Umgebung arbeiten, müssen Sie diese Teile nur manuell codieren –

Wie man mit js.liquid und css.liquid umgehen kann

Antwort

Verwandte Themen