plugin provider clean up

config/webpack.common.js

@@ -138,11 +138,11 @@ module.exports = {
       },
 
       {
-        test: /\.woff(2)?(\?v=.+)?$/, loader: "url-loader?limit=10000&mimetype=application/font-woff"
+        test: /\.woff(2)?(\?v=.+)?$/, loader: 'url-loader?limit=10000&mimetype=application/font-woff'
       },
 
       {
-        test: /\.(ttf|eot|svg)(\?v=.+)?$/, loader: "file-loader"
+        test: /\.(ttf|eot|svg)(\?v=.+)?$/, loader: 'file-loader'
       },
 
       {
@@ -239,15 +239,8 @@ module.exports = {
       jQuery: 'jquery',
       $: 'jquery',
       jquery: 'jquery',
-      "Tether": 'tether',
-      "window.Tether": "tether",
-      "GoogleMapsLoader": "google-maps",
-      "L": "leaflet",
-      "Chart": "chart.js",
-      "Chartist": "chartist",
-      "fullcalendar": "fullcalendar",
-      "moment": "moment",
-      "EasyPieChart": "easy-pie-chart"
+      'Tether': 'tether',
+      'window.Tether': 'tether'
     })
   ],
 

src/app/pages/charts/components/chartistJs/chartistJs.service.ts

@@ -99,7 +99,7 @@ export class ChartistJsService {
         reverseData: true,
         horizontalBars: true,
         axisX: {
-          labelInterpolationFnc: Chartist.noop
+          labelInterpolationFnc: (n) => n
         },
         axisY: {
           offset: 60

src/app/pages/dashboard/trafficChart/trafficChart.component.ts

@@ -1,6 +1,6 @@
 import {Component, ViewEncapsulation, ElementRef} from '@angular/core';
 
-import './trafficChart.loader.ts';
+import {Chart} from './trafficChart.loader.ts';
 import {TrafficChartService} from './trafficChart.service';
 
 @Component({

src/app/pages/dashboard/trafficChart/trafficChart.loader.ts

@@ -1 +1 @@
-require('chart.js');
+export const Chart = require('chart.js');

src/app/pages/maps/components/googleMaps/googleMaps.component.ts

@@ -1,5 +1,6 @@
-import {Component, ViewEncapsulation, ElementRef} from '@angular/core';
+import {Component, ElementRef} from '@angular/core';
 import {BaCard} from '../../../../theme/components';
+import {GoogleMapsLoader} from './googleMaps.loader';
 
 @Component({
   selector: 'google-maps',

src/app/pages/maps/components/googleMaps/googleMaps.loader.ts

@@ -0,0 +1 @@
+export const GoogleMapsLoader = require('google-maps');

src/app/pages/maps/components/leafletMaps/leafletMaps.component.ts

@@ -1,13 +1,14 @@
 import {Component, ViewEncapsulation, ElementRef} from '@angular/core';
 import {BaCard} from '../../../../theme/components';
 
+import './leafletMaps.loader';
+
 @Component({
   selector: 'leaflet-maps',
   pipes: [],
   providers: [],
-  // otherwise maps won't work
   encapsulation: ViewEncapsulation.None,
-  styles: [require('leaflet/dist/leaflet.css'), require('./leafletMaps.scss')],
+  styles: [require('./leafletMaps.scss')],
   directives: [BaCard],
   template: require('./leafletMaps.html'),
 })

src/app/pages/maps/components/leafletMaps/leafletMaps.loader.ts

@@ -0,0 +1,2 @@
+require('leaflet-map');
+require('style-loader!leaflet/dist/leaflet.css');

src/app/theme/components/baChartistChart/baChartistChart.component.ts

@@ -1,5 +1,7 @@
 import {Component, ViewEncapsulation, Input, Output, ElementRef, EventEmitter} from '@angular/core';
 
+import {Chartist} from './baChartistChart.loader.ts';
+
 @Component({
   selector: 'ba-chartist-chart',
   encapsulation: ViewEncapsulation.None,

src/app/theme/components/baChartistChart/baChartistChart.loader.ts

@@ -1 +1 @@
-
+export const Chartist = require('chartist');