react 模块热更新(Hot Module Replacement)

1  修改package.json中的设置

2   修改index.js  当模块更新的时候, 通知index.js

3  使用npm start  修改页面的内容发现不会再刷新页面,只是替换了修改的部分

tip :  修改代码内容,发现页面上的内容并没有发生变化, 后面找到问题答案是因为  webpack-dev-server版本问题

更新版本, 显示正常   使用2.5.0版本

 

4 修改home.js   发现修改home.js中代码时,state中count字段为0 没法保持state等页面其他状态

5   react-hot-loader 模块可以保证状态保存下来  安装此模块

6  修改.babelrc配置文件

7  修改webpack.dev.config.js

8  修改index.js    使用命令 npm start  查看局部刷新后, state的值未发生变化

猜你喜欢

转载自blog.csdn.net/wangyoucaoxiaoxiao/article/details/84839193