世界を旅して暮らしたい放浪エンジニアブログ

Jekyllでjs, cssをminifyする

digitalsparky/jekyll-minifierを利用してjs, cssをminifyする

[ 目次 ]

はじめに

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

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

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

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

gemをインストール

Gemfilejekyll-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ファイルのpluginsjekyll-minifierの設定を追加します。

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

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

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

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

前のページ

次のページ

Profile

なかむ🇭🇰Webデベロッパー

なかむ🇭🇰Webデベロッパー

香港在住4年目になるWEBエンジニアのなかむです。 現在は、LaravelやRailsを利用したWEB開発を中心にエンジニアをしています。 顧客は全て日本の企業になります。リモート開発にて各企業様の支援を行なっております

プロフィール詳細はこちら

Latest Posts