font awesome not working webpack
<p>i am try to add font-awesome icons to <a href="http://litvinenkoevgeny.github.io/elegant/" rel="nofollow">my site</a></p>

<p>here is my webpack config:   </p>

<pre><code>module.exports = {
  watch: true,
  context: __dirname + '/src',
  entry: './entry.js',
  devTool: "source-map",
  output: {
    path: __dirname + "/dist",
    publicPath: '/dist/',
    contentBase: __dirname + '/dist/',
    filename: '[name].js'
  },
  module: {
    loaders: [

      {
        test: /\.scss$/,
        loaders: ["style", "css", "sass"]
      },
      {test: /\.(otf|gif|png|jpg|JPG)$/, loader: "url-loader"},
      {
        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>in dev-server it works great, but when i try to open dist/index.html, it cant find fonts. I am include it like this:</p>

<pre><code>@import "~font-awesome/css/font-awesome.min.css";
</code></pre>

<p><a href="https://github.com/LitvinenkoEvgeny/elegant" rel="nofollow">here is repo</a></p>

<p>I think, mistake somewhere in my webpack.config file. But another fonts works as needed.</p>