Merge pull request fabricjs#1 from af7/open-browser-plugin

Open `localhost` automatically when bundling completes

package.json

@@ -66,6 +66,7 @@
     "material-ui": "^0.14.2",
     "mocha": "^2.3.4",
     "open": "0.0.5",
+    "open-browser-webpack-plugin": "0.0.2",
     "phantomjs": "^1.9.19",
     "phantomjs-prebuilt": "^2.1.3",
     "react": "latest",

webpack.server.js

@@ -13,11 +13,15 @@ const HotModuleReplacementPlugin = require('webpack/lib/HotModuleReplacementPlug
 const srcPath = path.join(__dirname, 'src');
 const examplesPath = path.join(__dirname, 'examples');
 
+const OpenBrowserPlugin = require('open-browser-webpack-plugin');
+
+const port = 9999;
+
 var config = {
-    port: 9999,
+    port: port,
     entry: {
         examples: [
-            'webpack-dev-server/client?http://localhost:9999',
+            'webpack-dev-server/client?http://localhost:' + port,
             'webpack/hot/only-dev-server',
             path.join(examplesPath, 'run')
         ]
@@ -38,7 +42,7 @@ var config = {
         stats: {colors: true},
         publicPath: '/',
         noInfo: false,
-        port: 9999,
+        port: port,
         hot: true
     },
     module: {
@@ -71,7 +75,8 @@ var config = {
             inject: 'body',
             filename: 'index.html',
             chunks: ['examples']
-        })
+        }),
+        new OpenBrowserPlugin({url: 'http://localhost:' + port}),
     ]
 };
 
@@ -80,6 +85,6 @@ new WebpackDevServer(webpack(config), config.devServer)
             if (err) {
                 console.log(err);
             }
-            console.log('Go to http://localhost:' + config.port);
+            console.log('Serving from http://localhost:' + config.port);
         }
     );