react-hot-loader 3.x need special configuration

kimown · kimown · commit aefe778def88 · 2016-10-30T13:06:56.000+08:00
diff --git a/package.json b/package.json
@@ -21,11 +21,15 @@
     "@types/node": "^6.0.41",
     "babel-cli": "^6.14.0",
     "babel-polyfill": "^6.13.0",
-    "babel-preset-latest": "^6.14.0",
+    "babel-preset-latest": "^6.16.0",
+    "babel-preset-react": "^6.16.0",
     "babel-register": "^6.14.0"
   },
   "dependencies": {
     "moment": "2.13.0",
+    "react": "^15.3.2",
+    "react-dom": "^15.3.2",
+    "react-hot-loader": "^3.0.0-beta.6",
     "request": "^2.74.0",
     "webpack": "^1.13.3",
     "webpack-dev-server": "^1.16.2",
diff --git a/webpack-dev-server-demo-hot/.babelrc b/webpack-dev-server-demo-hot/.babelrc
@@ -0,0 +1,9 @@
+{
+  "presets": [
+    "latest",
+    "react"
+  ],
+  "plugins": [
+    "react-hot-loader/babel"
+  ]
+}
diff --git a/webpack-dev-server-demo-hot/README.md b/webpack-dev-server-demo-hot/README.md
@@ -0,0 +1,8 @@
+
+
+
+## CLI MODE:
+``` bash
+webpack-dev-server --inline --config webpack.config.js --content-base build/
+
+```
diff --git a/webpack-dev-server-demo-hot/app/main.js b/webpack-dev-server-demo-hot/app/main.js
@@ -0,0 +1,7 @@
+if (module.hot) {
+    module.hot.accept();
+}
+
+
+
+require('./test');
diff --git a/webpack-dev-server-demo-hot/app/test.js b/webpack-dev-server-demo-hot/app/test.js
@@ -0,0 +1,2 @@
+var a=document.getElementById('root');
+a.innerText='001117778889999'
diff --git a/webpack-dev-server-demo-hot/build/index.html b/webpack-dev-server-demo-hot/build/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Document</title>
+</head>
+<body>
+<div id="root"></div>
+<script src="assets/bundle.js"></script>
+</body>
+</html>
diff --git a/webpack-dev-server-demo-hot/devServer.js b/webpack-dev-server-demo-hot/devServer.js
@@ -0,0 +1,32 @@
+/**
+ * Created by joey on 29/10/2016.
+ */
+
+'use strict';
+
+const path = require('path');
+
+
+let webpack = require('webpack');
+let WebpackDevServer = require('webpack-dev-server');
+
+
+var config = require("./webpack.config.js");
+config.entry.app.unshift("webpack-dev-server/client?http://localhost:8080/", "webpack/hot/dev-server");
+var compiler = webpack(config);
+var server = new WebpackDevServer(compiler, {
+
+    // server the static html
+    contentBase:path.join(__dirname,'build'),
+
+    // NodeJS API: server js from this path
+    publicPath: "/assets/",
+
+
+
+
+    hot: true
+
+
+});
+server.listen(8080);
diff --git a/webpack-dev-server-demo-hot/package.json b/webpack-dev-server-demo-hot/package.json
@@ -0,0 +1,12 @@
+{
+  "name": "webpack-dev-server-demo-hot",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC"
+}
diff --git a/webpack-dev-server-demo-hot/webpack.config.js b/webpack-dev-server-demo-hot/webpack.config.js
@@ -0,0 +1,25 @@
+var path = require("path");
+var webpack = require('webpack');
+
+
+console.log(path.resolve(__dirname, "build"));
+module.exports = {
+    entry: {
+        app: ["./app/main.js"]
+    },
+    output: {
+        path: path.resolve(__dirname, "build"),
+        publicPath: "/assets/",
+        filename: "bundle.js"
+    },
+    plugins: [
+        new webpack.HotModuleReplacementPlugin(),
+        new webpack.NoErrorsPlugin()
+    ],
+    module: {
+        loaders: [{
+            test: /\.js$/,
+            loaders: ['babel']
+        }]
+    }
+};

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+var a=document.getElementById('root');`
	`2`	`+a.innerText='001117778889999'`