text: import { applyMiddleware, compose, createStore as createReduxStore } from 'redux'
  import thunk from 'redux-thunk'
  import { browserHistory } from 'react-router'
  import makeRootReducer from './reducers'
  import { updateLocation } from './location'
  
  const createStore = (initialState = {}) => {
    // ======================================================
    // Middleware Configuration
    // ======================================================
    const middleware = [thunk]
  
    // ======================================================
    // Store Enhancers
    // ======================================================
    const enhancers = []
    let composeEnhancers = compose
  
    if (__DEV__) {
      if (typeof window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ === 'function') {
        composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
      }
    }
  
    // ======================================================
    // Store Instantiation and HMR Setup
    // ======================================================
    const store = createReduxStore(
      makeRootReducer(),
      initialState,
      composeEnhancers(
        applyMiddleware(...middleware),
        ...enhancers
      )
    )
    store.asyncReducers = {}
  
    // To unsubscribe, invoke `store.unsubscribeHistory()` anytime
    // when browserHistory location changed,the callback func fire
    store.unsubscribeHistory = browserHistory.listen(updateLocation(store))
  
    // module HMR
    if (module.hot) {
      module.hot.accept('./reducers', () => {
        const reducers = require('./reducers').default
        store.replaceReducer(reducers(store.asyncReducers))
      })
    }
  
    return store
  }
  
  export default createStore
  