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,17 +25,16 @@ 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 default {
+export const color = {
-  color: {
   Color: Color,
   math: math,
   interpret: interpret
-  },
+};
 
-  controllers: {
+export const controllers = {
   Controller: Controller,
   BooleanController: BooleanController,
   OptionController: OptionController,
@@ -45,15 +44,18 @@ export default {
   NumberControllerSlider: NumberControllerSlider,
   FunctionController: FunctionController,
   ColorController: ColorController
-  },
+};
-
+
-  dom: {
+export const dom = { dom: domImport };
-    dom: dom
+
-  },
+export const gui = { GUI: GUIImport };
-
+
-  gui: {
+export const GUI = GUIImport;
-    GUI: GUI
+
-  },
+export default {
-
+  color,
-  GUI: GUI
+  controllers,
+  dom,
+  gui,
+  GUI
 };