import React from 'react';
import ReactDOM from 'react-dom';
import {Router, Route} from 'react-router';
import { history } from 'react-router/lib/HashHistory';
import AsyncProps from 'react-router/lib/experimental/AsyncProps';

var rootRoute = {
  component: AsyncProps,

  renderInitialLoad() {
    return <div>loading...</div>
  },

  childRoutes: [{
    path: '/',
    component: require('./components/master'),
    childRoutes: [
      require('./components/routes/gettingstarted'),
      require('./components/routes/core'),
      require('./components/routes/components')
    ]}
  ]
};

ReactDOM.render((
  <Router
    routes={rootRoute}
    history={history}
    createElement={AsyncProps.createElement}
  />
), document.getElementById('hotzone'));
@@ -102,64 +102,8 @@
 r';%0A
-import %7B history %7D from 'react-router/lib/HashHistory';%0A
 impo
@@ -166,16 +166,165 @@
 rops';%0A%0A
+const adapter = 'production' !== process.env.NODE_ENV ? 'HashHistory' : 'BrowserHistory';%0Alet %7B history %7D = require('react-router/lib/' + adapter);%0A%0A
 var root

Load BrowserHistory adapter in production, HashHistory on webpack-dev-server