Implement livereactload for hot loading

lukemorton · Feb 14, 2016 · 96c73ef · 96c73ef
1 parent 97609b6
commit 96c73ef
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -37,6 +37,7 @@
   },
   "devDependencies": {
     "babel-cli": "^6.4.5",
+    "babel-plugin-react-transform": "^2.0.0",
     "babel-preset-es2015": "^6.3.13",
     "babel-preset-react": "^6.3.13",
     "babelify": "^7.2.0",
@@ -47,7 +48,9 @@
     "eslint-config-standard-react": "^1.2.1",
     "eslint-plugin-react": "^3.15.0",
     "eslint-plugin-standard": "^1.3.1",
+    "livereactload": "^2.1.1",
     "morgan": "^1.6.1",
+    "react-proxy": "^1.1.2",
     "watchify": "^3.7.0"
   },
   "eslintConfig": {
@@ -76,6 +79,18 @@
     "presets": [
       "es2015",
       "react"
-    ]
+    ],
+    "env": {
+      "development": {
+        "plugins": [
+          ["react-transform", {
+            "transforms": [{
+              "transform": "livereactload/babel-transform",
+              "imports": ["react"]
+            }]
+          }]
+        ]
+      }
+    }
   }
 }
diff --git a/src/application.js b/src/application.js
@@ -1,5 +1,6 @@
 import browserify from 'browserify';
 import watchify from 'watchify';
+import livereactload from 'livereactload';
 import fs from 'fs';
 import path from 'path';
 
@@ -103,7 +104,7 @@ export function watchClient({ config, onBuildFinish }) {
   const entries = buildClientEntryPoint(config);
   const cache = {};
   const packageCache = {};
-  const plugin = [watchify];
+  const plugin = [watchify, livereactload];
 
   ensureTmpPathExists(config);