Utility tool to append custom code to ServiceWorker created by Create React App
Branch: master
Clone or download
Latest commit f04d58b Jan 8, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSE Create LICENSE Oct 23, 2017
README.md Update README.md (#14) Sep 10, 2018
index.js Use same babel preset as CRA. (#13) Oct 31, 2018
package-lock.json 2.6.1 Jan 8, 2019
package.json 2.6.1 Jan 8, 2019
yarn.lock Fixed babel errors May 23, 2018

README.md

cra-append-sw

Utility tool to append custom code to ServiceWorker created by Create React App.

It allows to keep the default CRA configuration (no ejecting). It simply appends custom code to the ServiceWorker file created by CRA build scripts. By default, it bundles the code using very basic Webpack+Babel configuration (this can be omitted; see options).

Installation

$ npm install cra-append-sw --save

Usage

$ cra-append-sw [options] <file>

Options

-s, --skip-compile      Skip compilation
-h, --help              Output usage information
-e, --env [path]        (./.env) Path to environment variables file
-m, --mode [mode]       Output mode

Output modes

  • dev creates public/<file> instead of appending the code to build/service-worker.js
  • build creates build/<file> instead of appending the code to build/service-worker.js
  • replace simply replaces build/service-worker.js

Usage with Create React App

In package.json modify build script to:

"start": "react-scripts start && cra-append-sw --mode dev ./custom-sw.js",
"build": "react-scripts build && cra-append-sw ./custom-sw.js",