title: How can I use raw-loader in vue, and file-loader in scss
body: <p>I want webpack to load differently files in vue html template, and in scss.</p>
  <pre><code>&lt;template&gt;
    &lt;!-- I want here to load it as inline svg --&gt;
    &lt;div v-html=&quot;require('./file.svg').default&quot;&gt;&lt;/div&gt;
  &lt;/template&gt;
  
  &lt;style lang=&quot;scss&quot;&gt;
    .class {
      // but here I wan't to just get rewrite url to loaded file
      background: url('../file.svg'); 
    }
  &lt;/style&gt;
  </code></pre>
  <p>I have this config in webpack, which is applying to both scss and vue files</p>
  <pre><code>rules: [
    {
       test: /\.svg$/i,
       loader: 'file-loader'
    }
  ]
  </code></pre>