title: How to configure font file output directory from font-awesome-webpack in webpack?
body: <p>I just installed font-awesome-webpack. I import it using: <code>require("font-awesome-webpack");</code></p>
  
  <p>My webpack config includes the following in my module loaders array:</p>
  
  <pre><code>    { test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "url-loader?limit=10000&amp;minetype=application/font-woff" },
      { test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "file-loader" }
  </code></pre>
  
  <p>Problem is I am getting this error in developer console:</p>
  
  <pre><code>localhost/:1 GET http://localhost/mysite/app/db812d8a70a4e88e888744c1c9a27e89.woff2 
  localhost/:1 GET http://localhost/mysite/app/a35720c2fed2c7f043bc7e4ffb45e073.woff 
  localhost/:1 GET http://localhost/mysite/app/a3de2170e4e9df77161ea5d3f31b2668.ttf 404 (Not Found)
  </code></pre>
  
  <p>The problem is, those files are created at the root (within the mysite directory). How do I configure such that those woffs and ttf are output within the mysite/app directory?</p>