手把手教你全家桶之React(二)

我们在实际开发时,都有用到热更新,在修改代码后,不用每次都重启服务,而是自动更新。并而不是让浏览器刷新,只是刷新了我们所改代码影响到的模块。
关于热更新的配置,可看介绍

手把手教你全家桶之React(二)

因为我们用了webpack-dev-server,我们可以不需要向上图一样配置,只需要修改启动配置以修改默认值,--hot项。

"start": "webpack-dev-server --config webpack.dev.config.js --color --progress --hot"

然后要做的是当模块更新后,通知入口文件index.js。我们看官网的教程配置

手把手教你全家桶之React(二)

打开src/index.js,如上图配置

import React from 'react'; import ReactDom from 'react-dom'; import getRouter from './router/router'; if(module.hot){ module.hot.accept(); } ReactDom.render( getRouter(), document.getElementById?('app'); )

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpzxxs.html