Fix the issue with hammer.js initialization on server side #14

Author: athlonUA

project/application/package-lock.json

@@ -29,6 +29,7 @@
         "@nguniversal/express-engine": "6.0.0",
         "@nguniversal/module-map-ngfactory-loader": "6.0.0",
         "angular-bootstrap-md": "^6.2.2",
+        "bundle-loader": "^0.5.6",
         "chart.js": "^2.5.0",
         "classlist.js": "^1.1.20150312",
         "core-js": "^2.5.4",
@@ -39,7 +40,6 @@
         "hammerjs": "^2.0.8",
         "rxjs": "^6.0.0",
         "ts-loader": "^4.4.2",
-        "webpack-node-externals": "^1.7.2",
         "zone.js": "~0.8.26"
     },
     "devDependencies": {

project/application/package.json

@@ -1,26 +1,28 @@
 const path = require('path');
 const webpack = require('webpack');
-const nodeExternals = require('webpack-node-externals');
 
 module.exports = {
     entry: { server: './server.ts' },
     resolve: { extensions: ['.js', '.ts'] },
     target: 'node',
     mode: 'none',
     // this makes sure we include node_modules and other 3rd party libraries
-    externals: [
-        /node_modules/,
-        nodeExternals({
-            whitelist: [/^hammerjs/],
-        }),
-    ],
+    externals: [/node_modules/],
     output: {
         path: path.join(__dirname, 'tmp'),
         filename: '[name].js',
     },
     module: {
         rules: [
-            { test: /\.ts$/, loader: 'ts-loader' },
+            {
+                test: /\.ts$/,
+                loader: 'ts-loader'
+            },
+            {
+                test: /hammerjs/,
+                loader: 'bundle-loader',
+                options: { lazy: true },
+            },
             {
                 // Mark files inside `@angular/core` as using SystemJS style dynamic imports.
                 // Removing this will cause deprecation warnings to appear.