Jekyll-workbox-plugin

Tags: gem-based-plugins , pwa , workbox

Google WorkboxとのJekyll連携でService Workerを自動作成。

• Homepage (github.com) [EN]
• Document (rubydoc.info) [EN]
• Build a PWA using Workbox (developers.google.com) [EN]

このプラグインは、Jekyllを使ったプロジェクトにWorkbox-cliのような機能を提供します。 Jekyll PWAプラグインをベースにしていますが、それよりもあまり賢くないようにしており、 純粋にWorkboxとの統合に焦点を当てています。

インストール

1. Gemfileを編集

   # Gemfile
   group :jekyll_plugins do
     gem 'jekyll-workbox-plugin'
   end
   

2. _config.ymlを編集

   # _config.yml
   plugins:
     - jekyll-workbox-plugin
   

3. Pluginのインストール

   bundle
   

設定

# _config.yml
workbox:
  sw_src_filepath: sw.js # Optional
  sw_dest_filename: sw.js # Optional
  precache_recent_posts_num: 5 # Optional
  precache_glob_directory: / # Optional
  precache_glob_patterns: # Optional
    - "{js,css,fonts}/**/*.{js,css,eot,svg,ttf,woff}"
    - index.html
    - "about.html": # This entry aliases about/ and contact/ to about.html
        - about/
        - contact/
  precache_glob_ignores: # Optional
    - "fonts/**/*"

関連プラグイン

• Jekyll-pwa-plugin - JekyllのPWAをサポートします。 サービスワーカーを生成し、Google Workboxでプリキャッシュを提供します。

ブログ記事

下記に掲載を希望される方はご連絡ください (詳細)

• Introducing jekyll-workbox-plugin (benediktmeurer.de) Dec 6 2018 [EN]

Back to top