💨
shopify these serveの自動リロードのエラーチェックについて
ターミナルにて
$ shopify theme serve
と入力すると、このような表示が出ます。
Googleブラウザで表示を確認できたり、テーマエディタに移動できたりと便利です。
それだけはなく、Liquidコードのエラーチェックもしてくれる便利な機能もあるのです!
エラーがあった場合の表示はこちらです。
先ほどの表示に加えて
Invalid JSON in tag 'schema'
と表示されているのがわかります。
エラーがあった場合、この文言が表示されます。
さらにすごいのが、エラーコードを修正して保存すると、自動でリロード(ホットリロード)してくれるのです。
しかし、私の環境ではコードを修正してもターミナルの表示は変わりませんでした。
コードを保存して毎度毎度shopify theme serve
コマンドを打つのも面倒ですよね。
そこで
$ shopify theme serve --poll
と入力するとホットリロードしてくれます。
こんな表示になります。
修正されていれば
Fixed
の文言が表示されます。
非常に便利!
Discussion