add bundle rxjs for less request (#2271)

* add bundle rxjs for less request

* updating the test config and karma config

Author: aelbore

karma.conf.js

@@ -35,6 +35,7 @@ module.exports = function(config) {
       'node_modules/zone.js/dist/jasmine-patch.js',
 
       // RxJs.
+      'node_modules/.tmp/Rx.min.js',
       { pattern: 'node_modules/rxjs/**/*.js', included: false, watched: false },
       { pattern: 'node_modules/rxjs/**/*.js.map', included: false, watched: false },
 

package.json

@@ -24,7 +24,7 @@
     "lint": "gulp tslint",
     "karma": "karma",
     "karma.start": "karma start",
-    "postinstall": "gulp check.versions && gulp print.banner",
+    "postinstall": "gulp check.versions && gulp bundle.rxjs && gulp print.banner",
     "reinstall": "npm cache clean && npm install",
     "serve.coverage": "gulp serve.coverage --color",
     "serve.dev": "gulp serve.dev --color --env-config dev",

test-config.js

@@ -8,7 +8,24 @@ System.config({
     '': {
       defaultExtension: 'js'
     },
-    rxjs: {
+    'rxjs': {
+      main: 'index.js',
+      defaultExtension: 'js'
+    },
+    'rxjs/ajax': {
+      main: 'index.js',
+      defaultExtension: 'js'
+    },
+    'rxjs/operators': {
+      main: 'index.js',
+      defaultExtension: 'js'
+    },
+    'rxjs/testing': {
+      main: 'index.js',
+      defaultExtension: 'js'
+    },
+    'rxjs/webSocket': {
+      main: 'index.js',
       defaultExtension: 'js'
     }
   }

tools/config/seed.config.interfaces.ts

@@ -18,6 +18,7 @@ export interface ExtendPackages {
   name: string;
   path?: string;
   packageMeta?: any;
+  bundles?: any;
 }
 
 export interface SourceMapExplorerOutputFormat {

tools/config/seed.config.ts

@@ -471,6 +471,12 @@ export class SeedConfig {
    * @type {any}
    */
   SYSTEM_CONFIG_DEV: any = {
+    bundles: {
+      'node_modules/.tmp/Rx.min.js': [
+        'rxjs',
+        'rxjs/*'
+      ]
+    },
     paths: {
       [this.BOOTSTRAP_MODULE]: `${this.APP_BASE}${this.BOOTSTRAP_MODULE}`,
       '@angular/animations':
@@ -506,7 +512,6 @@ export class SeedConfig {
         'node_modules/@angular/platform-browser-dynamic/bundles/platform-browser-dynamic-testing.umd.js',
       '@angular/router/testing':
         'node_modules/@angular/router/bundles/router-testing.umd.js',
-      'rxjs': 'node_modules/rxjs',
 
       'app/': `${this.APP_BASE}app/`,
       // For test config
@@ -516,26 +521,6 @@ export class SeedConfig {
     packages: {
       [this.BOOTSTRAP_DIR]: {
         defaultExtension: 'js'
-      },
-      'rxjs': {
-        main: 'index.js',
-        defaultExtension: 'js'
-      },
-      'rxjs/ajax': {
-        main: 'index.js',
-        defaultExtension: 'js'
-      },
-      'rxjs/operators': {
-        main: 'index.js',
-        defaultExtension: 'js'
-      },
-      'rxjs/testing': {
-        main: 'index.js',
-        defaultExtension: 'js'
-      },
-      'rxjs/webSocket': {
-        main: 'index.js',
-        defaultExtension: 'js'
       }
     }
   };

tools/tasks/seed/bundle.rxjs.ts

@@ -0,0 +1,48 @@
+
+const Builder = require('systemjs-builder');
+const promisify = require('util').promisify;
+const fs = require('fs');
+
+module.exports = () => {
+  const options = {
+    'normalize': true,
+    'runtime': false,
+    'sourceMaps': true,
+    'sourceMapContents': false,
+    'minify': true,
+    'mangle': false
+  };
+  const builder = new Builder('./');
+  builder.config({
+    'paths': {
+      'n:*': 'node_modules/*',
+      'rxjs/*': 'node_modules/rxjs/*.js',
+      'rxjs/internal-compatibility': 'node_modules/rxjs/internal-compatibility/index.js',
+      'rxjs/testing': 'node_modules/rxjs/testing/index.js',
+      'rxjs/ajax': 'node_modules/rxjs/ajax/index.js',
+      'rxjs/operators': 'node_modules/rxjs/operators/index.js',
+      'rxjs/webSocket': 'node_modules/rxjs/webSocket/index.js',
+    },
+    'map': {
+      'rxjs': 'n:rxjs'
+    },
+    'packages': {
+      'rxjs': { 'main': 'index.js',  'defaultExtension': 'js' }
+    }
+  });
+  return builder.bundle('rxjs/index.js + ' +
+  'rxjs/operators/index.js + ' +
+  'rxjs/internal-compatibility/index.js + ' +
+  'rxjs/testing/index.js + ' +
+  'rxjs/ajax/index.js + ' +
+  'rxjs/webSocket/index.js',
+  'node_modules/.tmp/Rx.min.js', options)
+    .then((output: any) => {
+      const writeFile = promisify(fs.writeFile);
+      const code = output.source.replace(/rxjs\/index/gm, 'rxjs');
+      return writeFile('node_modules/.tmp/Rx.min.js',
+        (options.sourceMaps)
+          ? code + `\n//# sourceMappingURL=Rx.min.js.map`
+          : code);
+    });
+};