FIX: react-hot-loader required for actual hot-reloading

Author: jstclair

package.json

@@ -49,6 +49,7 @@
     "express": "^4.11.2",
     "node-sass": "^3.4.2",
     "react": "^0.14.3",
-    "react-dom": "^0.14.3"
+    "react-dom": "^0.14.3",
+    "react-hot-loader": "^1.3.0"
   }
 }

server/webpack.js

@@ -10,5 +10,6 @@ var server = new WebpackDevServer(webpack(config), {
   publicPath: config.output.publicPath,
   hot: true,
   stats: { colors: true },
+  headers: { 'Access-Control-Allow-Origin': '*' }
 });
 server.listen(8080, "localhost", function() {});

webpack.config.js

@@ -37,6 +37,10 @@ var webpackConfig = {
   ]
 };
 
+var babelSettings = {
+  presets: ['react', 'es2015']
+};
+
 if (process.env.NODE_ENV === 'production') {
   webpackConfig = merge(webpackConfig, {
     entry: [
@@ -88,11 +92,8 @@ if (process.env.NODE_ENV === 'production') {
       loaders: [
         { 
           test: /\.(js|jsx)$/, 
-          loader: 'babel', 
-          exclude: /node_modules/, 
-          query: { 
-            presets: ['react', 'es2015'] 
-          } 
+          loaders: ['react-hot', 'babel?' + JSON.stringify(babelSettings)], 
+          exclude: /node_modules/
         },
         { 
           test: /\.scss$/,