title: configure webpack to use absolute path instead of relative path
body: <p>I'm having an issue with setting webpack to use the absolute path. The problem is that I cannot figure out how to get both the load path for my fonts to match the actual spot that it saves the files. This is my folder structure:</p>
  
  <pre><code>public
    font
       font1
       font2
    css
       index.css
  src
    font
       font1
       font2
    css
       index.scss
  webpack.config.js
  </code></pre>
  
  <p>This is what my webpack file looks like. When I run webpack, it correctly adds the font files to the right spot in public->font but when I run the server, it tries to fetch the font from: </p>
  
  <p><a href="http://localhost:8080/css/public/font/font1.ttf" rel="noreferrer">http://localhost:8080/css/public/font/font1.ttf</a> </p>
  
  <p>instead of: </p>
  
  <p><a href="http://localhost:8080/font/font1.tff" rel="noreferrer">http://localhost:8080/font/font1.tff</a> </p>
  
  <p>You can see that it is trying to look from the relative path of the css folder instead of the root. How can I fix this? Thanks!</p>
  
  <pre><code> module.exports = {
      entry: {
          index: './src/javascript/index.js'
      },
      output: {
          filename: './public/javascript/[name].js',
      },
      module: {
          loaders: [
              {
                  test: /\.scss$/,
                  use: ExtractTextPlugin.extract({
                      fallback: 'style-loader',
                      use: ['css-loader', 'sass-loader']
                  })
              },
                          {
                              test: /\.(eot|svg|ttf|woff|woff2)$/,
                              loader: 'file-loader?name=./public/font/[name].[ext]'
                          },
                          {
                              test: /\.(jpg|png)$/,
                              loader: 'file-loader?name=./public/image/[name].[ext]'
                          }
          ]
      },
      plugins: [
          new ExtractTextPlugin('public/css/index.css')
      ]
  };
  </code></pre>