javascript - react熱載入的一段程式碼

Question

if (module.hot) {
    // Enable Webpack hot module replacement for reducers
    module.hot.accept('../reducers', () => {
      const nextReducer = require('../reducers').default
      store.replaceReducer(nextReducer)
    })
 }

這段程式碼不知道和熱載入和redux有什麼關係，也請解釋一下

Answer 1

是為了在相關的程式碼的時候, redux的狀態還能繼續維持不變。

例如: redux中一個count字段被操作後, 值為2, 如果不寫那段程式碼, 在頁面熱更後count會變成初始值, 我印像中是這樣的。