title: How to import Ionicons (or other fonts) into a Vue-loader app?
body: <p>After installing <code>ionicons</code> v3.0.0 with npm, I am having a lot of trouble importing the fonts into my app:</p>
  
  <pre><code>// /src/App.vue
  @import '../node_modules/ionicons/dist/scss/ionicons.scss';
  </code></pre>
  
  <p>seems to point to the right path, however, I get a ton of errors such as</p>
  
  <pre><code>Cannot find module "../fonts/ionicons.eot?v=3.0.0-alpha.3
  </code></pre>
  
  <p>Obviously, this problem stems from the font files, because for example, the file above is actually <code>ionicons.eot</code>, and not <code>ionicons.eot?v=3.0.0-alpha.3</code>.</p>
  
  <p>I also found a <a href="https://github.com/webpack-contrib/css-loader/issues/18" rel="noreferrer">3-year old discussion on Github</a> and tried every single loader suggested in comments, but none of them worked. I am a newbie in Vue and webpack, so I am not sure what I am doing wrong.</p>
  
  <p><strong>Question</strong>: What do I need to do in order to be able to use Ionicons (or Font Awesome or any other font library really) in my app with vue-loader?</p>