Reduxのは - ホットリロード

Question

私が使用

時の減速状態を維持する方法は+ Reduxの + のWebPACK + WebpackDevserverを反応します。ホットローダーが起動すると、すべてのレデューサーが初期状態にリセットされます。

どういうわけか私のレデューサーを実際の状態に保つことはできますか？

entry: [ 
    "./index.jsx" 
], 
output: { 
    filename: "./bundle.js" 
}, 
module: { 
    loaders: [ 
     { 
      test: /\.js|\.jsx$/, 
      exclude: /node_modules/, 
      loaders: ["react-hot","babel-loader"], 
     } 
    ] 
}, 
plugins: [ 
    new webpack.HotModuleReplacementPlugin() 
] 

マイ減速統計：

バベル6、あなたと仮定すると

"start": "webpack-dev-server", 

Answer 1

：

const initialState = { 
... 
} 

export default function config(state = initialState, action) { ... 

私はちょうどで私のWebPACKのDev-Serverを起動

私のWebPACKの設定が含まれてい

これに沿って何かをする必要があります：

import {createStore} from 'redux'; 
import rootReducer from '../reducers'; 

export default function configureStore(initialState) { 
    const store = createStore(rootReducer, initialState); 

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

     store.replaceReducer(nextReducer); 
    }); 
    } 

    return store; 
} 

あなたは私のredux demoで動作中のアプローチを見ることができます。