Shopifyで外部ファイルをパラメーターでminifyする:メモ

Twitterで見かけたのでメモとして。当記事執筆時点ではまだドキュメント化もされていないようなので使うのは早いかもしれませんが。

概要

• Solved: Shopify offers Javascript minification? – Shopify Community

上記のフォーラムで書かれていますが、Shopify製の無料テーマの Brooklyn で実装されている模様で、以下のような記述でminifyされることが確認されています。

{{ 'shop.js' | asset_url | append: "&enable_js_minification=1" | script_tag }}

ただ、カスタマイザには対応していないため、実際には以下のような方法が提案されています。

{% liquid
 assign url = 'theme.js' | asset_url 
 unless  request.design_mode 
   assign url = url  | append: '&enable_js_minification=1' 
 endunless 
%}
<script src="{{ url }}"  defer=defer type="text/javascript"></script>

request.design_modeというのも使ったことがなかったのでこの点も知見が増えました。

結び

フィルターではなくパラメータを直に追加する状態で、カスタマイザ未対応のため、まだ固まっていないのかなという気もします。

なお、フォーラムを見る限りではJSもCSSもminifyの対象になっていそうです。