Build refactor to webpack (#2139)

* Move to webpack build
* Use webpack for building openmct.  Move SCSS to one folder and load
all core css up front.  Remove bower, begin removing gulp in favor
of npm run.
* Uses eslint instead of jshint and jscs.  Merge style checking rules
into .eshintrc.js, carrying over core parts of crockford style and
our adaptations.  Current code base fails to pass the linter, want
to separate linter changes from fixes to linting rules.
* Support for Vue SFC with example
* Remove outdated examples
* Use HTML loader for html (supports relative imports of resources e.g.
images) and raw-loader for when javascript must be loaded as text.

platform/commonUI/general/src/controllers/ContextMenuController.js

@@ -38,8 +38,8 @@ define(
             // Refresh variable "menuActions" in the scope
             function updateActions() {
                 $scope.menuActions = $scope.action ?
-                        $scope.action.getActions({ category: 'contextual' }) :
-                        [];
+                    $scope.action.getActions({ category: 'contextual' }) :
+                    [];
             }
 
             // Update using the action capability

platform/commonUI/general/src/controllers/DateTimePickerController.js

@@ -188,7 +188,7 @@ define(
             // Ensure some useful default
             $scope.ngModel[$scope.field] =
                 $scope.ngModel[$scope.field] === undefined ?
-                        now() : $scope.ngModel[$scope.field];
+                    now() : $scope.ngModel[$scope.field];
 
             $scope.$watch('ngModel[field]', updateFromModel);
             $scope.$watchCollection('date', updateFromView);

platform/commonUI/general/src/directives/MCTPreview.js

@@ -28,16 +28,16 @@ define(['zepto', '../services/Overlay'], function ($, Overlay) {
                 notebookAction = actions.getActions({key: 'notebook-new-entry'})[0];
 
             var notebookButton = notebookAction ?
-            [
-                {
-                    class: 'icon-notebook new-notebook-entry',
-                    title: 'New Notebook Entry',
-                    clickHandler: function (event) {
-                        event.stopPropagation();
-                        notebookAction.perform();
+                [
+                    {
+                        class: 'icon-notebook new-notebook-entry',
+                        title: 'New Notebook Entry',
+                        clickHandler: function (event) {
+                            event.stopPropagation();
+                            notebookAction.perform();
+                        }
                     }
-                }
-            ] : [];
+                ] : [];
 
             var overlayService = new Overlay({
                 $document: $document,

platform/commonUI/general/src/directives/MCTResize.js

@@ -62,8 +62,8 @@ define(
                 // Determine how long to wait before the next update
                 function currentInterval() {
                     return attrs.mctResizeInterval ?
-                            scope.$eval(attrs.mctResizeInterval) :
-                            DEFAULT_INTERVAL;
+                        scope.$eval(attrs.mctResizeInterval) :
+                        DEFAULT_INTERVAL;
                 }
 
                 // Evaluate mct-resize with the current bounds

platform/commonUI/general/src/directives/MCTSplitPane.js

@@ -103,16 +103,16 @@ define(
                     splitterSize,
 
                     alias = $attrs.alias !== undefined ?
-                      "mctSplitPane-" + $attrs.alias : undefined,
+                        "mctSplitPane-" + $attrs.alias : undefined,
 
                     //convert string to number from localStorage
                     userWidthPreference = $window.localStorage.getItem(alias) === null ?
-                      undefined : Number($window.localStorage.getItem(alias));
+                        undefined : Number($window.localStorage.getItem(alias));
 
                 // Get relevant size (height or width) of DOM element
                 function getSize(domElement) {
                     return (anchor.orientation === 'vertical' ?
-                            domElement.offsetWidth : domElement.offsetHeight);
+                        domElement.offsetWidth : domElement.offsetHeight);
                 }
 
                 // Apply styles to child elements

platform/commonUI/general/src/services/Overlay.js

@@ -20,7 +20,7 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
- /**
+/**
  * Module defining OverlayService. Created by deeptailor on 03/29/2018
  */
 

platform/commonUI/general/src/ui/ToggleView.js

@@ -22,7 +22,7 @@
 
 define([
     'zepto',
-    'text!../../res/templates/tree/toggle.html'
+    '../../res/templates/tree/toggle.html'
 ], function ($, toggleTemplate) {
     function ToggleView(state) {
         this.expanded = !!state;

platform/commonUI/general/src/ui/TreeLabelView.js

@@ -22,7 +22,7 @@
 
 define([
     'zepto',
-    'text!../../res/templates/tree/tree-label.html'
+    '../../res/templates/tree/tree-label.html'
 ], function ($, labelTemplate) {
 
     function TreeLabelView(gestureService) {

platform/commonUI/general/src/ui/TreeNodeView.js

@@ -22,7 +22,7 @@
 
 define([
     'zepto',
-    'text!../../res/templates/tree/node.html',
+    '../../res/templates/tree/node.html',
     './ToggleView',
     './TreeLabelView'
 ], function ($, nodeTemplate, ToggleView, TreeLabelView) {

platform/commonUI/general/src/ui/TreeView.js

@@ -23,7 +23,7 @@
 define([
     'zepto',
     './TreeNodeView',
-    'text!../../res/templates/tree/wait-node.html'
+    '../../res/templates/tree/wait-node.html'
 ], function ($, TreeNodeView, spinnerTemplate) {
 
     function TreeView(gestureService, openmct, selectFn) {