react 热加载问题

Question

今天学习react遇到热加载刷新页面问题。我在慕课网上找到个视频教程 跟着上面敲代码。
运行webpack-dev-server时，出现了两个本地路径8080和8082
如图：

代码如下
LSL@DESKTOP-HPBS7IN /e/React/mooke
$ webpack-dev-server
Project is running at http://localhost:8080/
webpack output is served from /
Project is running at http://localhost:8082/
webpack output is served from /
Hash: 4c4ad383a3e0b110d8d0
Version: webpack 3.6.0
Time: 2829ms

Asset     Size  Chunks                    Chunk Names

bundle.js 1.15 MB 0 [emitted] [big] main
[24] ./node_modules/react/index.js 190 bytes {0} [built]
[49] multi (webpack)-dev-server/client?http://localhost:8080 ./js/index.js 40 bytes {0} [built]
[50] (webpack)-dev-server/client?http://localhost:8080 7.23 kB {0} [built]
[51] ./node_modules/url/url.js 23.3 kB {0} [built]
[57] ./node_modules/strip-ansi/index.js 161 bytes {0} [built]
[59] ./node_modules/loglevel/lib/loglevel.js 7.74 kB {0} [built]
[60] (webpack)-dev-server/client/socket.js 1.04 kB {0} [built]
[92] (webpack)-dev-server/client/overlay.js 3.73 kB {0} [built]
[93] ./node_modules/ansi-html/index.js 4.26 kB {0} [built]
[94] ./node_modules/html-entities/index.js 231 bytes {0} [built]
[97] (webpack)/hot nonrecursive ^./log$ 170 bytes {0} [built]
[99] (webpack)/hot/emitter.js 77 bytes {0} [built]
[101] ./src/js/index.js 500 bytes {0} [built]
[103] ./node_modules/react/cjs/react.development.js 55.3 kB {0} [built]
[104] ./node_modules/react-dom/index.js 1.36 kB {0} [built]

+ 103 hidden modules

webpack: Compiled successfully.
Hash: 692b6a954488da0a11d1
Version: webpack 3.6.0
Time: 2880ms

Asset     Size  Chunks                    Chunk Names

bundle.js 1.42 MB 0 [emitted] [big] main
[42] ./node_modules/react/index.js 190 bytes {0} [built]
[46] (webpack)/node_modules/url/url.js 23.3 kB {0} [built]
[84] multi (webpack)-dev-server/client?http://localhost:8082 ./node_modules/webpack-dev-server/client?http://localhost:8080 ./js/index.js 52 bytes {0} [built]
[85] (webpack)-dev-server/client?http://localhost:8082 7.23 kB {0} [built]
[94] (webpack)-dev-server/client/socket.js 1.04 kB {0} [built]
[125] (webpack)-dev-server/client/overlay.js 3.73 kB {0} [built]
[130] (webpack)/hot nonrecursive ^./log$ 170 bytes {0} [built]
[133] ./node_modules/webpack-dev-server/client?http://localhost:8080 7.23 kB {0} [built]
[134] ./node_modules/strip-ansi/index.js 161 bytes {0} [built]
[136] ./node_modules/loglevel/lib/loglevel.js 7.74 kB {0} [built]
[137] ./node_modules/webpack-dev-server/client/socket.js 1.04 kB {0} [built]
[168] ./node_modules/webpack-dev-server/client/overlay.js 3.73 kB {0} [built]
[173] ./node_modules/webpack/hot nonrecursive ^./log$ 170 bytes {0} [built]
[176] ./src/js/index.js 500 bytes {0} [built]
[179] ./node_modules/react-dom/index.js 1.36 kB {0} [built]

+ 178 hidden modules

webpack: Compiled successfully.

我用webpack命令运行，可以刷新页面内容，缺点就是每次都是手动按F5刷新。用webpack-dev-server命令运行修改页面内容后，页面不能自动更改内容。
麻烦哪位大佬国庆中秋之际，能否抽个时间指点下，如何最佳配置react热加载 谢谢~！

Answer 1

看你的配置文件没有设置热加载啊？你运行的脚本命令是什么？可以去看一下webpack官网的配置示例
https://webpack.js.org/guides...