新人求助,一个简单React例子webpack编译可用,热更新不能用,帮我看下?

#1

目录结构:

index.html代码:

index.js代码:

webpack代码:

很奇怪当这用下面这种写法时,编译可用,热更新不能用

<script src="js/bundle.js"></script>

下面写法就是编译不能用,热更新可以用

<script src="bundle.js"></script>

学习React中途遇到非react问题很难受,大神们帮我看看是什么原因?预格式化文本

#2

webpack-dev-server 启动的命令是怎么用的?

#3

直接命令行敲webpack-dev-server

#4

加个publicPath试试:

output: {
  // ...
  publicPath: '/js/'
 }
#5

我一般是 webpack-dev-server --hot 启动, 怪怪的, 按说写在配置里也可以啊…

#6

厉害了@y3 谢谢大神

#7

我用的是最新的webpack3,可能不太一样啊

#8

不是啊, Webpack 3 基本上还是兼容的, 没有说改过大的 API 啊.

#9

我觉得看一下这篇guide就足够了 http://gaearon.github.io/react-hot-loader/getstarted/

适用于webpack3,要注意使用next版本的 react-hot-loader

yarn add -D react-hot-loader@next
Webpack热加载配置
#10

这份资料太棒了 谢谢大神 @haishanh