Host react app built with webpack in non-root directory

config.json

{
  "basePath": "/"
}

react-router-redux.jsx

// usage with react-router-redux
import { ConnectedRouter } from 'react-router-redux'
import { basePath as basename } from './config.json'

const history = createHistory({ basename })
ReactDOM.render(
  <ConnectedRouter history={history}>
    <App />
  </ConnectedRouter>,
  document.querySelector('#app')
)

react-router.jsx

// usage with react-router
import { BrowserRouter } from 'react-router-dom'
import { basePath as basename } from './config.json'

ReactDOM.render(
  <BrowserRouter basename={basename}>
    <App />
  </BrowserRouter>,
  document.querySelector('#app')
)

webpack.config.js

var publicPath = require('./config.json').basePath

module.exports = {
  output: {
    publicPath,
  },
  devServer: {
    publicPath,
    historyApiFallback: {
      index: publicPath,
    },
  },
}

Thank you Christoph

The information is very use full.