title: Webpack: Importing font-awesome fails because it can't find the fonts
body: <p>I'm using font-awesome from NPM and trying to use it with webpack. But, I get an error that the fonts can't be found. The fonts reside under <code>~/Projects/GrailLuck/node_modules/font-awesome/fonts</code>.</p>
  
  <p>I import font-awesome in my sass file like so:</p>
  
  <pre><code>@import "~font-awesome/css/font-awesome";
  </code></pre>
  
  <p>My loaders:</p>
  
  <pre><code>loaders: [
  {
      test: /\.js$/,
      exclude: /node_modules|app.js/,
      loader: "babel-loader",
      query: {
        presets: ['es2015']
      }
  },
  {
      test: /\.scss$/,
      exclude: /node_modules/,
      include: [ path.resolve(__dirname, "src", "sass") ],
      loader: 'style!css!sass?includePaths[]=' + path.resolve(__dirname, './node_modules/compass-mixins/lib')
  },
  {
      test: /\.woff(\?v=\d+\.\d+\.\d+)?$/,
      loader: "url?limit=10000&amp;mimetype=application/font-woff"
  },
  {
      test: /\.woff2(\?v=\d+\.\d+\.\d+)?$/,
      loader: "url?limit=10000&amp;mimetype=application/font-woff"
  },
  {
      test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
      loader: "url?limit=10000&amp;mimetype=application/octet-stream"
  },
  {
      test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
      loader: "file"
  },
  {
      test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
      loader: "url?limit=10000&amp;mimetype=image/svg+xml"
  }]
  </code></pre>
  
  <p>And here is the error I'm getting:</p>
  
  <pre><code>ERROR in ./~/css-loader!./~/sass-loader?includePaths[]=/home/spock/Projects/GrailLuck/web/~/compas
  s-mixins/lib!./src/sass/app.scss
  Module not found: Error: Cannot resolve 'file' or 'directory' ../fonts/fontawesome-webfont.svg in /home/spo
  ck/Projects/GrailLuck/web/src/sass
   @ ./~/css-loader!./~/sass-loader?includePaths[]=/home/spock/Projects/GrailLuck/web/~/compass-mixi
  ns/lib!./src/sass/app.scss 6:10469-10520
  </code></pre>
  
  <p>There's multiple errors the same as the above. One for each font type.</p>
  
  <p>Any ideas how to get this working?</p>