SASSをJekyllに統合する方法があるかどうか疑問に思っています。必要なのは、Jekyll を起動したときに .scss を .css に自動的にコンパイルすることだけです。
4 に答える
起動時にアセットをコンパイルすることに問題はありません (実行を意味します) jekyll
。実行の要点はjekyll
、サイトを事前にコンパイルすることです。これにより、パフォーマンスが向上します。
アセットの変換に関しては、これに焦点を当てたプラグインがたくさんあります。私はJekyll Asset Pipeline gem が好きです。これはあらゆる言語 (例: Scss、Less、CoffeeScript、Erb など) をサポートし、それを際立たせる多数の機能 (例: アセットのタグ付け、圧縮、gzip など) を備えています。また、最近最も急速に成長している Jekyll 関連の gem のようにも見えます。これは、コミュニティ内で注目を集めていることを意味します。
できるだけシンプルに保ちたい場合compass watch
は、Guardジェムを Guard -jekyllおよびGuard -compassと一緒に使用できます(スタイル インジェクションが好きな場合は、guard-livereload )。
Guard は、単一のターミナル ウィンドウに複数の「監視」アクションをバンドルし、堅牢なアセット パイプラインよりもセットアップがはるかに簡単です。gem をインストール.guardfile
し、guard-compass および guard-jekyll の指示に従って構成cd
し、ディレクトリにguard
. 関連するファイルが sass ファイルや jekyll サイトを変更するたびに、再コンパイルされます。
Native Sass, and CoffeeScript, processing debuted in Jekyll v2.0:
完全な開示: 私はこのプロジェクトの主任開発者です。
Jekyll で Sass をセットアップする最も簡単な方法は、jekyll-compass
. このgemは、あなたが説明したとおりに機能します。jekyllがWebサイト(、、など)を構築するたびjekyll build
にjekyll serve
、SassはWebサイトの残りの部分とともに出力フォルダーにコンパイルされます。使用方法の詳細については、上記のリンク先の readme を参照してください。
現在、Sass のサポートを Jekyll のコアに組み込む作業が Jekyll 関係者によって進行中です。これにより、誰もが Sass とそれが提供する素晴らしい機能セットに少なくとも基本的なアクセスができるようになります。