Allow to apply arbitrary plugins when compiling ServiceWorker script

NekR · Apr 26, 2018 · d43a7e1 · d43a7e1
1 parent 5448d0b
commit d43a7e1
Show file tree

Hide file tree

Showing 22 changed files with 3,082 additions and 0 deletions.
diff --git a/docs/options.md b/docs/options.md
@@ -131,6 +131,10 @@ _Example:_ `{ credentials: 'include' }`
 * **`minify`**: `boolean`. If set to `true` or `false`, the `ServiceWorker`'s output will be minified or not accordingly. If set to something else, the `ServiceWorker` output will be minified **if** you are using `webpack.optimize.UglifyJsPlugin` in your configuration.  
 _Default:_ `null`
 
+* **`plugins`**: `Array`. The plugins which will be applied when compling the `ServiceWorker`'s script.
+_Default:_ `[]`
+_Example:_ `[new require('webpack').DefinePlugin({ CAT: 'MEOW' })]`
+
 * **[Deprecated]** `navigateFallbackURL`: `string`. The URL that should be returned from the cache when a requested navigation URL isn't available on the cache or network. Similar to the `AppCache.FALLBACK` option.  
 _Example:_ `navigateFallbackURL: '/'`
 

diff --git a/lib/default-options.js b/lib/default-options.js
@@ -53,6 +53,7 @@ exports['default'] = {
     scope: null,
     events: false,
     minify: null,
+    plugins: [],
 
     prefetchRequest: {
       credentials: 'same-origin',

diff --git a/lib/index.js b/lib/index.js
@@ -69,6 +69,11 @@ var OfflinePlugin = (function () {
       AppCache: false
     });
 
+    if (options.ServiceWorker && options.ServiceWorker.plugins) {
+      // plugins are class instances and should not be modified.
+      this.options.ServiceWorker.plugins = options.ServiceWorker.plugins;
+    }
+
     this.hash = null;
     this.assets = null;
     this.hashesMap = null;

diff --git a/lib/service-worker.js b/lib/service-worker.js
@@ -46,6 +46,7 @@ var ServiceWorker = (function () {
 
     // Tool specific properties
     this.entry = options.entry;
+    this.plugins = options.plugins;
     this.scope = options.scope ? options.scope + '' : void 0;
     this.events = !!options.events;
     this.navigateFallbackURL = options.navigateFallbackURL;
@@ -126,6 +127,10 @@ var ServiceWorker = (function () {
         });
       }
 
+      this.plugins.forEach(function (plugin) {
+        return plugin.apply(childCompiler);
+      });
+
       // Needed for HMR. offline-plugin doesn't support it,
       // but added just in case to prevent other errors
       var compilationFn = function compilationFn(compilation) {

diff --git a/src/default-options.js b/src/default-options.js
@@ -41,6 +41,7 @@ export default {
     scope: null,
     events: false,
     minify: null,
+    plugins: [],
 
     prefetchRequest: {
       credentials: 'same-origin',

diff --git a/src/index.js b/src/index.js
@@ -30,6 +30,11 @@ export default class OfflinePlugin {
       AppCache: false
     });
 
+    if (options.ServiceWorker && options.ServiceWorker.plugins) {
+      // plugins are class instances and should not be modified.
+      this.options.ServiceWorker.plugins = options.ServiceWorker.plugins;
+    }
+
     this.hash = null;
     this.assets = null;
     this.hashesMap = null;

diff --git a/src/service-worker.js b/src/service-worker.js
@@ -26,6 +26,7 @@ export default class ServiceWorker {
 
     // Tool specific properties
     this.entry = options.entry;
+    this.plugins = options.plugins;
     this.scope = options.scope ? options.scope + '' : void 0;
     this.events = !!options.events;
     this.navigateFallbackURL = options.navigateFallbackURL;
@@ -104,6 +105,8 @@ export default class ServiceWorker {
       });
     }
 
+    this.plugins.forEach((plugin) => plugin.apply(childCompiler));
+
     // Needed for HMR. offline-plugin doesn't support it,
     // but added just in case to prevent other errors
     const compilationFn = (compilation) => {

diff --git a/tests/legacy/fixtures/sw-plugins/__expected/webpack2/appcache/manifest.appcache b/tests/legacy/fixtures/sw-plugins/__expected/webpack2/appcache/manifest.appcache
@@ -0,0 +1,8 @@
+CACHE MANIFEST
+#ver:da39a3ee5e6b4b0d3255bfef95601890afd80709
+
+CACHE:
+../external.js
+
+NETWORK:
+*
diff --git a/tests/legacy/fixtures/sw-plugins/__expected/webpack2/appcache/manifest.html b/tests/legacy/fixtures/sw-plugins/__expected/webpack2/appcache/manifest.html
@@ -0,0 +1,2 @@
+<!doctype html>
+<html manifest="manifest.appcache"></html>
diff --git a/tests/legacy/fixtures/sw-plugins/__expected/webpack2/main.js b/tests/legacy/fixtures/sw-plugins/__expected/webpack2/main.js
@@ -0,0 +1,76 @@
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// identity function for calling harmony imports with the correct context
+/******/ 	__webpack_require__.i = function(value) { return value; };
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 0);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports) {
+
+
+
+/***/ })
+/******/ ]);