Liquid、JavaScriptなどに関する質問
表示スピードアップのために、使っていないcssをPurgeCssを使って自動で削除したいのですが、
shopifyの英語のコミュニティに書かれていますが、
どうやって実行するのか知識不足のために理解できないでいます。
https://github.com/Shopify/slate/issues/1034
Visual Studio Code にPurgeCssで通常のcssなどのclass削除はできたのですが、
Shopifyのthemeではどのような手順で実行するかどなたかご存知でしょうか。
解決済! ベストソリューションを見る。
成功
参考URLはSlateで構築する前提のサンプルなので、これを実行する場合はまずローカルにSlateを入れる必要があります。
https://github.com/Shopify/slate
Slateに関しては日本語の紹介記事も検索でいくつか見つかりますのでそちらを参照ください。
ただ上記URLに記載されている通りすでにサポートが終了しているためお勧めしがたいところです。
なおCSSの自動削除に関しては情報を持っておらず、その点申し訳ありません。
成功
参考URLはSlateで構築する前提のサンプルなので、これを実行する場合はまずローカルにSlateを入れる必要があります。
https://github.com/Shopify/slate
Slateに関しては日本語の紹介記事も検索でいくつか見つかりますのでそちらを参照ください。
ただ上記URLに記載されている通りすでにサポートが終了しているためお勧めしがたいところです。
なおCSSの自動削除に関しては情報を持っておらず、その点申し訳ありません。
情報ありがとうございます。
Slateがサポート終了とのことで、Slateを使用すべきか悩ましいところです。
一から開発するには、かなりの手間と労力かかるので、既存のテーマを使っているのですが、
使用していないclassやidが多く、自動で削除できればと思ったのですが、難しいようですね。
共有されているコードは、現在はあまりメンテされてないテーマ開発用のコマンドラインツールです。
どのテーマを使うかによりますが、Debutなどの標準テーマはcssを直接使わず、scss.liquidなどとして定義され、それがShopifyでコンパイルされて使われます。
通常は、Assetsフォルダ内のscssやcssがあるのでそちらを参照ください。
リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024Shopifyは世界で最も革新的なブランドと起業家をサポートしています。個人起業家やあらゆる規模のビジネスの成長を後押しするために、Shopify アカデミーではShopif...
By SarahF_Shopify Mar 22, 2024オンラインストア運営はとてもやりがいのある活動です。新しい注文が入った時の喜びや世界中のお客様とやりとりできる可能性、商品に対して最高のレビューをもらった時の満足感は、毎日の...
By Mina Mar 13, 2024