[ 目次 ]

• はじめに
• gemをインストール
• _config.ymlに設定を追加

はじめに

こんにちは、香港に住んでいるWEBデベロッパーのなかむ（@nakanakamu0828）です。

この記事は過去に運用していたブログからの移行記事になります。

jekyllはデフォルトだとjs, cssがminify（圧縮）されないみたいだったので、digitalsparky/jekyll-minifierを利用して簡単に実装します。

本当に簡単でplugin組み込みするだけでした・・・

gemをインストール

Gemfileにjekyll-minifierを追加します。

#Gemfile

group :jekyll_plugins do
  gem "jekyll-feed", "~> 0.6"
  gem 'jekyll-sitemap'
  gem 'jekyll-pwa-plugin'
  gem 'jekyll-minifier' <--- これを追加
end

続きてbundle installコマンドを実行し、gemをインストールします

$ bundle install 
or
$ bundle install --path vendor/bundler

※ プロジェクト配下にインストールするかどうかでコマンドを変えてください。

_config.ymlに設定を追加

_config.ymlファイルのpluginsにjekyll-minifierの設定を追加します。

# _config.yml
plugins:
  - jekyll-feed
  - jekyll-sitemap
  - jekyll-minifier <--- これを追加

ここまで準備できたらあとはjekyllをbuild & 起動し直すだけです。
js, cssが圧縮してるか確認してみましょう。

さらに詳しく知りたい方は、以下のgithubリポジトリをご確認ください。

https://github.com/digitalsparky/jekyll-minifier