feat(@angular-devkit/build-angular): Automatically bundle module workers.

Supports new Worker(...,{type:module}) using github.com/googlechromelabs/worker-plugin

Author: developit

packages/angular/cli/lib/config/schema.json

@@ -835,6 +835,11 @@
             "ngswConfigPath": {
               "type": "string",
               "description": "Path to ngsw-config.json."
+            },  
+            "autoBundleWorkerModules": {
+              "type": "boolean",
+              "description": "Automatically bundle new Worker('..', { type:'module' })",
+              "default": true
             },
             "skipAppShell": {
               "type": "boolean",

packages/angular_devkit/build_angular/package.json

@@ -49,7 +49,8 @@
     "webpack-dev-server": "3.1.14",
     "webpack-merge": "4.2.1",
     "webpack-sources": "1.3.0",
-    "webpack-subresource-integrity": "1.1.0-rc.6"
+    "webpack-subresource-integrity": "1.1.0-rc.6",
+    "worker-plugin": "^3.0.0"
   },
   "optionalDependencies": {
     "node-sass": "4.11.0"

packages/angular_devkit/build_angular/src/angular-cli-files/models/build-options.ts

@@ -54,6 +54,7 @@ export interface BuildOptions {
   namedChunks?: boolean;
   subresourceIntegrity?: boolean;
   serviceWorker?: boolean;
+  autoBundleWorkerModules?: boolean;
   skipAppShell?: boolean;
   statsJson: boolean;
   forkTypeChecker: boolean;

packages/angular_devkit/build_angular/src/angular-cli-files/models/webpack-configs/common.ts

@@ -23,6 +23,7 @@ const ProgressPlugin = require('webpack/lib/ProgressPlugin');
 const CircularDependencyPlugin = require('circular-dependency-plugin');
 const TerserPlugin = require('terser-webpack-plugin');
 const StatsPlugin = require('stats-webpack-plugin');
+const WorkerPlugin = require('worker-plugin');
 
 
 // tslint:disable-next-line:no-any
@@ -128,6 +129,11 @@ export function getCommonConfig(wco: WebpackConfigOptions) {
     });
   }
 
+  if (buildOptions.autoBundleWorkerModules) {
+    const workerPluginInstance = new WorkerPlugin();
+    extraPlugins.push(workerPluginInstance);
+  }
+
   // process asset entries
   if (buildOptions.assets) {
     const copyWebpackPluginPatterns = buildOptions.assets.map((asset: AssetPatternObject) => {

yarn.lock

@@ -6083,7 +6083,6 @@ loglevel@^1.4.1:
 
 "long@git://github.com/dcodeIO/long.js.git#8181a6b50a2a230f0b2a1e4c4093f9b9d19c8b69":
   version "4.0.1"
-  uid "8181a6b50a2a230f0b2a1e4c4093f9b9d19c8b69"
   resolved "git://github.com/dcodeIO/long.js.git#8181a6b50a2a230f0b2a1e4c4093f9b9d19c8b69"
 
 long@~3:
@@ -10719,6 +10718,13 @@ worker-farm@^1.5.2:
   dependencies:
     errno "~0.1.7"
 
+worker-plugin@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/worker-plugin/-/worker-plugin-3.0.0.tgz#70a64e732b3bf575ad5981071bc5f010dadd6f95"
+  integrity sha512-iLcZBwR3TZO2A8s4S+VNzvuCvAHeZx84IR/zE8O89E+VBTTdn73cwDaUoCroftwtW1Qo0mMxYkJqwf0hyFwmeA==
+  dependencies:
+    loader-utils "^1.1.0"
+
 wrap-ansi@^2.0.0:
   version "2.1.0"
   resolved "http://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz#d8fc3d284dd05794fe84973caecdd1cf824fdd85"