webpack热更新(react)

webpack热更新(react)

基本配置

• 设置devServer选项中的hot字段为true, hotOnly: true
• plugins中加入new webpack.HotModuleReplacementPlugin()

js热更新, yarn add react-hot-loader -D

import { hot } from 'react-hot-loader/root' (文件最头部)
class App extends React.Component {
...
}
export default hot(A)

入口文件处引入

if (module.hot) { 
  module.hot.accept()
}

这样就可以达到热更新app模块的功能, 全局更换方法待补充…