I have the following in my `webpack.config.js`

```
module: {
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /(node_modules|bower_components)/,
        loader: 'babel-loader',
        query: {
          presets: ['react', 'es2015', 'stage-0'],
          plugins: ['react-html-attrs', 'transform-class-properties', 'transform-decorators-legacy']
        }
      },
      { test: /\.css$/, loader: 'style-loader!css-loader' },
      { test: /\.scss$/, loader: "style-loader!css-loader!sass-loader"},
            { test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, loader: "file" },
            { test: /\.(woff|woff2)$/, loader:"url?prefix=font/&limit=5000" },
            { test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, loader: "url?limit=10000&mimetype=application/octet-stream" },
            { test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, loader: "url?limit=10000&mimetype=image/svg+xml" }
    ]
  },
  output: {
    path: __dirname + "/dist/",
    filename: "bundle.js"
  }

```

When I access my app's root and simply navigate via react-router the font and images for bootstrap work just fine. However, if I'm on a non-root path and refresh the browser, they are being loaded relative to that path. So instead of:

```
http://localhost:3000/fa2772327f55d8198301fdb8bcfc8158.woff 

```

they are loaded as:

```
http://localhost:3000/brands/fa2772327f55d8198301fdb8bcfc8158.woff 

```

which means I'm getting a 404 for each resource. I've been doing some research but I'm unsure what I might need to change so that these resources are always loaded absolute from the root path no matter what the app path is.