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模块的功能, 全局更换方法待补充…