title: How to add font awesome from node_modules directory using webpack
body: <p>I've installed font-awesome using npm install font-awesome --save-dev, and now Im having trouble including it on my project. Below are my code.</p>
  
  <p><strong>webpack.config.js</strong></p>
  
  <pre><code>{
              test: /\.(svg|woff|woff2|ttf|eot|otf)$/,
              loader: 'file-loader?name=assets/[name].[ext]',
  }
  </code></pre>
  
  <p><strong>app.scss</strong></p>
  
  <pre><code>$fa-font-path: "~font-awesome/fonts";
  @import "~font-awesome/scss/font-awesome.scss";
  </code></pre>
  
  <p><strong>Error</strong></p>
  
  <p><em>ERROR in ./~/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0
  Module parse failed: /ProjectSite/node_modules/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0 Unexpected character '�' (1:1)
  You may need an appropriate loader to handle this file type.</em></p>