use react-hot-loader and cli webpack-dev-server

examples/webpack.config.js

@@ -1,12 +1,10 @@
 var webpack = require('webpack');
 
 module.exports = {
-  devtool: 'source-map',
   entry: './index',
   output: {
     path: __dirname,
-    filename: 'bundle.js',
-    publicPath: '/'
+    filename: 'bundle.js'
   },
   resolveLoader: {
     modulesDirectories: ['..', 'node_modules']
@@ -16,7 +14,7 @@ module.exports = {
   },
   module: {
     loaders: [
-      { test: /\.jsx?$/, loaders: ['jsx?harmony'] },
+      { test: /\.js$/, loaders: ['react-hot-loader', 'jsx-loader?harmony'] }
     ]
   },
   plugins: [
@@ -25,4 +23,4 @@ module.exports = {
       '../../modules/index'
     )
   ]
-};
+};

package.json

@@ -40,6 +40,7 @@
     "jsx-loader": "0.12.1",
     "path": "0.4.9",
     "react": "0.12.0",
+    "react-hot-loader": "^1.1.4",
     "react-router": "0.10.2",
     "request": "2.46.0",
     "webpack": "1.4.8",

scripts/run-examples

@@ -1,3 +1,3 @@
 #!/bin/sh
 cd examples
-node server.js
+webpack-dev-server -d --hot --inline --display-reasons --display-error-details --progress --colors --display-chunks