@qhnu/transpile-webpack-plugin v1.0.1

Service Worker Transpile Plugin

webpackのbuildプロセスに、サービスワーカーのファイルを追加します。

Installation

yarn add -D @qhnu/service-worker-transpile-plugin

Usage

const ServiceWorkerTranspilePlugin = require('@qhnu/service-worker-transpile-plugin')
 
webpackConfig.plugins.push(new ServiceWorkerTranspilePlugin())

export { self as default }
declare var self: ServiceWorkerGlobalScope

service-worker.ts内で型定義を行います。

{
  "browserslist": {
    "production": [
      "Chrome 83.0",
      "safari 13.1"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 safari version"
    ]
  },
}

browserslistに準じた設定を1つ、どこかに記述します。

browserslistの設定が無い場合は、typescriptのトランスパイルのみ行われます。

Features

• typescriptで記述されたサービスワーカーファイルをトランスパイルします。
• browserslistに準じたトランスパイルをするので、最新のECMAScriptでサービスワーカーを記述できます。
• Workboxなど使用しない、素のサービスワーカーをモダンに記述する方に最適です。