title: Webpack: exclude certain svg files from being packed into app.js
body: <p>I have a Vue.js application which is built with Webpack. I added a library with hundreds of SVG Flags. The scss file is quite small - and the flags are separate SVG files in a folder. When I build, Webpack puts all SVG files base64 encoded into app.js. In this special case this is counter productive, because it unnecessarily blows up the size of my app. I would rather like to load the flags from the SVG folder on demand, to keep my app small.</p>
  
  <p>In App.vue</p>
  
  <pre><code>&lt;style lang="scss"&gt;
    @import '~flag-icon-css/sass/flag-icon.scss';
  &lt;/style&gt;
  </code></pre>
  
  <p>My Webpack Config has been created with vue-cli. It is from here:
  <a href="https://github.com/coreui/coreui-free-vue-admin-template/blob/v1/Vue_Starter/build/webpack.base.conf.js" rel="noreferrer">https://github.com/coreui/coreui-free-vue-admin-template/blob/v1/Vue_Starter/build/webpack.base.conf.js</a></p>
  
  <p>The build contains the Flag-SVG files in the img path - so this is fine. 
  But the Flag-SVGs are loaded as data from webpack, not directly from the img directory.</p>