- webpack config separation for development and production

- load only the necessary classes from leaflet

src/app/services/marker.service.ts

@@ -1,7 +1,7 @@
 import { Injectable } from '@angular/core';
 
 import { HttpClient } from '@angular/common/http';
-import * as L from 'leaflet';
+import { Map, circleMarker } from 'leaflet';
 
 // @Injectable({
 //     // declares that this service should be created
@@ -33,7 +33,7 @@ export class MarkerService {
 //     });
 //   }
 
-  makeCapitalCircleMarkers(map: L.Map): void {
+  makeCapitalCircleMarkers(map: Map): void {
     this.http.get(this.capitalsUrl).subscribe((res: any) => {
 
       let maxPop = Math.max(...res.features.map(x => x.properties.population), 0);
@@ -42,7 +42,7 @@ export class MarkerService {
         const lon = c.geometry.coordinates[0];
         const lat = c.geometry.coordinates[1];
         // const circle = L.circleMarker([lat, lon]);
-        let circle = L.circleMarker([lat, lon], {
+        let circle = circleMarker([lat, lon], {
           radius: MarkerService.scaledRadius(c.properties.population, maxPop)
         });
         circle.addTo(map);