add hmr;

fixed rickshaw build

Author: shoudaos

angular.json

@@ -9,8 +9,11 @@
       "projectType": "application",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-builders/custom-webpack:browser",
           "options": {
+            "customWebpackConfig": {
+              "path": "./extra-webpack.config.js"
+            },
             "outputPath": "dist",
             "index": "src/index.html",
             "main": "src/main.ts",
@@ -80,18 +83,30 @@
                   "with": "src/environments/environment.prod.ts"
                 }
               ]
+            },
+            "hmr": {
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.hmr.ts"
+                }
+              ]
             }
           }
         },
         "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
+          "builder": "@angular-builders/custom-webpack:dev-server",
           "options": {
             "browserTarget": "Sing:build",
             "port": 3000
           },
           "configurations": {
             "production": {
               "browserTarget": "Sing:build:production"
+            },
+            "hmr": {
+              "hmr": true,
+              "browserTarget": "Sing:build:hmr"
             }
           }
         },

extra-webpack.config.js

@@ -0,0 +1,15 @@
+const TerserPlugin = require('terser-webpack-plugin');
+
+module.exports = (config, options) => {
+  config.optimization.minimizer.some(plugin => {
+    if (plugin instanceof TerserPlugin) {
+      // Warning: This config is using for stable Rickshaw lib working
+      plugin.options.terserOptions.mangle = {
+        reserved: ['$super']
+      };
+      return true;
+    }
+    return false;
+  });
+  return config;
+};

package.json

@@ -6,13 +6,14 @@
     "install": "napa",
     "ng": "ng",
     "start": "ng serve",
+    "hmr": "ng serve --configuration hmr",
     "build": "ng build --prod",
     "test": "ng test",
     "lint": "ng lint"
   },
   "private": true,
   "dependencies": {
-    "@agm/core": "1.0.0-beta.5",
+    "@agm/core": "1.0.0-beta.6",
     "@angular/animations": "8.0.0",
     "@angular/common": "8.0.0",
     "@angular/compiler": "8.0.0",
@@ -91,16 +92,20 @@
     "jquery.flot-orderBars": "https://github.com/emmerich/flot-orderBars.git"
   },
   "devDependencies": {
+    "@angular-builders/custom-webpack": "^8.1.0",
     "@angular-devkit/build-angular": "^0.800.2",
     "@angular/cli": "8.0.2",
     "@angular/compiler-cli": "8.0.0",
     "@angular/language-service": "8.0.0",
+    "@angularclass/hmr": "^2.1.3",
     "@types/hammerjs": "2.0.36",
     "@types/node": "6.0.118",
     "@types/select2": "4.0.31",
     "codelyzer": "4.0.2",
     "metrojs": "0.9.77",
     "napa": "2.3.0",
+    "rxjs-compat": "^6.5.2",
+    "terser-webpack-plugin": "1.3.0",
     "ts-node": "4.1.0",
     "tslint": "5.9.1",
     "typescript": "3.4.5"
@@ -113,8 +118,6 @@
     }
   },
   "resolutions": {
-    "@angular/core": "5.2.11",
-    "uglifyjs-webpack-plugin": "file:src/build/uglifyJS",
-    "@types/select2": "4.0.47"
+    "terser-webpack-plugin": "1.3.0"
   }
 }