Add named exports.

`import dat from 'dat.gui'` is now interchangeable with
`import * as dat from 'dat.gui'`

package.json

@@ -44,7 +44,7 @@
     "rollup-plugin-node-resolve": "^3.0.2",
     "rollup-plugin-sass": "^0.5.3",
     "rollup-plugin-uglify": "^2.0.1",
-    "serve": "^6.4.8"
+    "serve": "^6.4.8 <6.5.4"
   },
   "eslintConfig": {
     "extends": "airbnb-base",

rollup.config.js

@@ -23,6 +23,7 @@ const banner = fs.readFileSync(path.join(__dirname, 'licenseBanner.txt'));
 export default {
   input: 'src/dat/index.js',
   output: [{
+    exports: 'named',
     file: './build/dat.gui.js',
     format: 'umd',
     name: 'dat',

rollup.config.min.js

@@ -20,6 +20,7 @@ const banner = fs.readFileSync(path.join(__dirname, 'licenseBanner.txt'));
 
 export default Object.assign({}, defaultConfig, {
   output: {
+    exports: 'named',
     file: './build/dat.gui.min.js',
     format: 'umd',
     name: 'dat',

src/dat/index.js

@@ -25,35 +25,37 @@ import NumberControllerSlider from './controllers/NumberControllerSlider';
 import FunctionController from './controllers/FunctionController';
 import ColorController from './controllers/ColorController';
 
-import dom from './dom/dom';
+import domImport from './dom/dom';
-import GUI from './gui/GUI';
+import GUIImport from './gui/GUI';
+
+export const color = {
+  Color: Color,
+  math: math,
+  interpret: interpret
+};
+
+export const controllers = {
+  Controller: Controller,
+  BooleanController: BooleanController,
+  OptionController: OptionController,
+  StringController: StringController,
+  NumberController: NumberController,
+  NumberControllerBox: NumberControllerBox,
+  NumberControllerSlider: NumberControllerSlider,
+  FunctionController: FunctionController,
+  ColorController: ColorController
+};
+
+export const dom = { dom: domImport };
+
+export const gui = { GUI: GUIImport };
+
+export const GUI = GUIImport;
 
 export default {
-  color: {
+  color,
-    Color: Color,
+  controllers,
-    math: math,
+  dom,
-    interpret: interpret
+  gui,
-  },
+  GUI
-
-  controllers: {
-    Controller: Controller,
-    BooleanController: BooleanController,
-    OptionController: OptionController,
-    StringController: StringController,
-    NumberController: NumberController,
-    NumberControllerBox: NumberControllerBox,
-    NumberControllerSlider: NumberControllerSlider,
-    FunctionController: FunctionController,
-    ColorController: ColorController
-  },
-
-  dom: {
-    dom: dom
-  },
-
-  gui: {
-    GUI: GUI
-  },
-
-  GUI: GUI
 };