Shallow Dive by Dozono

JekyllでCSSをMinify(ミニファイ)する

Posted : 13 Apr 2020

JekyllでSassから生成されるCSSをMinifyする。

_config.ymlを変更することで動作を変更できたので対応内容を記載する。

環境

  • Jekyll v4.0.0
  • jekyll-sass-converter v2.1.0

事象

Jekyllのデフォルト設定でCSSのMinifyが行われない。
パフォーマンス改善のためにMinifyする。

対応

JekyllはSassのコンパイルにjekyll-sass-converterを使用している。
Jekyllの_config.ymlに設定を追加することで、jekyll-sass-converterの動作を変更できる。

設定は_config.ymlに以下のように記述する。

sass:
  style: compressed