Merge pull request reduxjs#690 from davezuko/feature/transform-webpac…

…k-hmr Updates examples to use react-transform-webpack-hmr
wong2 · Sep 15, 2015 · 39072e3 · 39072e3
2 parents 74ec8fe + daf0292
commit 39072e3
Show file tree

Hide file tree

Showing 15 changed files with 70 additions and 15 deletions.
diff --git a/examples/async/.babelrc b/examples/async/.babelrc
@@ -1,3 +1,13 @@
 {
-  "stage": 2
+  "stage": 2,
+  "plugins" : [
+    "react-transform"
+  ],
+  "extra"  : {
+    "react-transform": [{
+      "target"  : "react-transform-webpack-hmr",
+      "imports" : ["react"],
+      "locals"  : ["module"]
+    }]
+  }
 }
diff --git a/examples/async/package.json b/examples/async/package.json
@@ -36,12 +36,13 @@
   "devDependencies": {
     "babel-core": "^5.6.18",
     "babel-loader": "^5.1.4",
+    "babel-plugin-react-transform": "^1.0.3",
     "expect": "^1.6.0",
     "jsdom": "^5.6.1",
     "mocha": "^2.2.5",
     "mocha-jsdom": "^1.0.0",
     "node-libs-browser": "^0.5.2",
-    "react-hot-loader": "^1.3.0",
+    "react-transform-webpack-hmr": "^0.1.4",
     "webpack": "^1.9.11",
     "webpack-dev-server": "^1.9.0"
   }

diff --git a/examples/async/webpack.config.js b/examples/async/webpack.config.js
@@ -19,7 +19,7 @@ module.exports = {
   module: {
     loaders: [{
       test: /\.js$/,
-      loaders: ['react-hot', 'babel'],
+      loaders: ['babel'],
       exclude: /node_modules/,
       include: __dirname
     }]

diff --git a/examples/counter/.babelrc b/examples/counter/.babelrc
@@ -1,3 +1,13 @@
 {
-  "stage": 2
+  "stage": 2,
+  "plugins" : [
+    "react-transform"
+  ],
+  "extra"  : {
+    "react-transform": [{
+      "target"  : "react-transform-webpack-hmr",
+      "imports" : ["react"],
+      "locals"  : ["module"]
+    }]
+  }
 }
diff --git a/examples/counter/package.json b/examples/counter/package.json
@@ -25,12 +25,13 @@
   "devDependencies": {
     "babel-core": "^5.6.18",
     "babel-loader": "^5.1.4",
+    "babel-plugin-react-transform": "^1.0.3",
     "expect": "^1.6.0",
     "jsdom": "^5.6.1",
     "mocha": "^2.2.5",
     "mocha-jsdom": "^1.0.0",
     "node-libs-browser": "^0.5.2",
-    "react-hot-loader": "^1.3.0",
+    "react-transform-webpack-hmr": "^0.1.4",
     "webpack": "^1.9.11",
     "webpack-dev-server": "^1.9.0"
   }

diff --git a/examples/counter/webpack.config.js b/examples/counter/webpack.config.js
@@ -19,7 +19,7 @@ module.exports = {
   module: {
     loaders: [{
       test: /\.js$/,
-      loaders: ['react-hot', 'babel'],
+      loaders: ['babel'],
       exclude: /node_modules/,
       include: __dirname
     }]

diff --git a/examples/real-world/.babelrc b/examples/real-world/.babelrc
@@ -1,3 +1,13 @@
 {
-  "stage": 2
+  "stage": 2,
+  "plugins" : [
+    "react-transform"
+  ],
+  "extra"  : {
+    "react-transform": [{
+      "target"  : "react-transform-webpack-hmr",
+      "imports" : ["react"],
+      "locals"  : ["module"]
+    }]
+  }
 }
diff --git a/examples/real-world/package.json b/examples/real-world/package.json
@@ -30,7 +30,8 @@
   "devDependencies": {
     "babel-core": "^5.6.18",
     "babel-loader": "^5.1.4",
-    "react-hot-loader": "^1.3.0",
+    "babel-plugin-react-transform": "^1.0.3",
+    "react-transform-webpack-hmr": "^0.1.4",
     "webpack": "^1.9.11",
     "webpack-dev-server": "^1.9.0"
   }

diff --git a/examples/real-world/webpack.config.js b/examples/real-world/webpack.config.js
@@ -19,7 +19,7 @@ module.exports = {
   module: {
     loaders: [{
       test: /\.js$/,
-      loaders: ['react-hot', 'babel'],
+      loaders: ['babel'],
       exclude: /node_modules/,
       include: __dirname
     }]

diff --git a/examples/todomvc/.babelrc b/examples/todomvc/.babelrc
@@ -1,3 +1,13 @@
 {
-  "stage": 2
+  "stage": 2,
+  "plugins" : [
+    "react-transform"
+  ],
+  "extra"  : {
+    "react-transform": [{
+      "target"  : "react-transform-webpack-hmr",
+      "imports" : ["react"],
+      "locals"  : ["module"]
+    }]
+  }
 }
diff --git a/examples/todomvc/package.json b/examples/todomvc/package.json
@@ -25,13 +25,14 @@
   "devDependencies": {
     "babel-core": "^5.6.18",
     "babel-loader": "^5.1.4",
+    "babel-plugin-react-transform": "^1.0.3",
     "expect": "^1.8.0",
     "jsdom": "^5.6.1",
     "mocha": "^2.2.5",
     "mocha-jsdom": "^1.0.0",
     "node-libs-browser": "^0.5.2",
     "raw-loader": "^0.5.1",
-    "react-hot-loader": "^1.3.0",
+    "react-transform-webpack-hmr": "^0.1.4",
     "style-loader": "^0.12.3",
     "todomvc-app-css": "^2.0.1",
     "webpack": "^1.9.11",

diff --git a/examples/todomvc/webpack.config.js b/examples/todomvc/webpack.config.js
@@ -19,7 +19,7 @@ module.exports = {
   module: {
     loaders: [{
       test: /\.js$/,
-      loaders: ['react-hot', 'babel'],
+      loaders: ['babel'],
       exclude: /node_modules/,
       include: __dirname
     }, {

diff --git a/examples/universal/.babelrc b/examples/universal/.babelrc
@@ -1,3 +1,13 @@
 {
-  "stage": 2
+  "stage": 2,
+  "plugins" : [
+    "react-transform"
+  ],
+  "extra"  : {
+    "react-transform": [{
+      "target"  : "react-transform-webpack-hmr",
+      "imports" : ["react"],
+      "locals"  : ["module"]
+    }]
+  }
 }
diff --git a/examples/universal/package.json b/examples/universal/package.json
@@ -29,8 +29,9 @@
   "devDependencies": {
     "babel-core": "^5.8.22",
     "babel-loader": "^5.3.2",
+    "babel-plugin-react-transform": "^1.0.3",
     "babel-runtime": "^5.8.20",
-    "react-hot-loader": "^1.3.0",
+    "react-transform-webpack-hmr": "^0.1.4",
     "webpack": "^1.11.0",
     "webpack-dev-server": "^1.10.1"
   }

diff --git a/examples/universal/webpack.config.js b/examples/universal/webpack.config.js
@@ -22,7 +22,7 @@ module.exports = {
   module: {
     loaders: [{
       test: /\.js$/,
-      loaders: ['react-hot', 'babel?optional=runtime'],
+      loaders: ['babel?optional=runtime'],
       exclude: /node_modules/,
       include: __dirname
     }]