feat(config): use of webpack externals

Author: MrChoclate

packages/angular-cli/lib/config/schema.d.ts

@@ -27,6 +27,11 @@ export interface CliConfig {
          * Global scripts to be included in the build.
          */
         scripts?: string[];
+        /**
+         * Global scripts to be used internally.
+         * See https://webpack.github.io/docs/library-and-externals.html
+         */
+        externals: {[name: string]: string};
         /**
          * Name and corresponding file for environment config.
          */

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

@@ -69,6 +69,11 @@
             },
             "additionalProperties": false
           },
+          "externals": {
+            "description": "Global scripts to be used internally.",
+            "type": "object",
+            "additionalProperties": true
+          },
           "environments": {
             "description": "Name and corresponding file for environment config.",
             "type": "object",
@@ -141,4 +146,4 @@
     }
   },
   "additionalProperties": false
-}
+}

packages/angular-cli/models/webpack-build-common.ts

@@ -23,6 +23,8 @@ export function getWebpackCommonConfig(
   const scripts = appConfig.scripts
                 ? appConfig.scripts.map((script: string) => path.resolve(appRoot, script))
                 : [];
+  const externals = appConfig.externals || [];
+
   const lazyModules = findLazyModules(appRoot);
 
   let entry: { [key: string]: string[] } = {
@@ -45,6 +47,7 @@ export function getWebpackCommonConfig(
       path: path.resolve(projectRoot, appConfig.outDir),
       filename: '[name].bundle.js'
     },
+    externals: externals,
     module: {
       preLoaders: [
         {