2-2节的热更新要怎么配置？
2-2节，突然一下子就热更新了，怎么配置热更新都没讲，表示新手一脸懵逼
我们都是好孩子
2017-12-06
1 回答
webpack.config.js里entry是devServer的相关使用方法，webpack-dev-server（1）可以监听本地文件变化自动编译文件（2）本地服务器
模块热替换（你看到的页面内容自己更新，但是没有刷页面的操作）是用react-hot-loader（作者已经不维护，目前推荐react Transform），第一个配置也是在entry里，然后在plugin（插件）里使用new webpack.HotModuleReplacementPlugin()，最后在index.js使用
import { AppContainer } from 'react-hot-loader'
<AppContainer>
<Hello />
</AppContainer>
／／ 配置
if (module.hot) {
module.hot.accept('./components/hello', () => {
const NewHello = require('./components/hello').default
render(
<AppContainer>
<NewHello />
</AppContainer>,
document.getElementById('root')
)
})
}
使用热替换的好处就是页面状态不会丢
举报
0/150
提交
取消
