title: Override webpack loader config for a specific file
body: <p>I set-up my new project with <a href="https://github.com/vuejs-templates/webpack" rel="nofollow noreferrer">vue-webpack-boilerplate</a>, where I use the <a href="https://github.com/josdejong/jsoneditor" rel="nofollow noreferrer">jsoneditor</a>. The default webpack configuration bundles all image assets in the the <em>img</em> directory, but the <strong>jsoneditor</strong> expects its icons in the <em>css/img</em> directory.</p>
  
  <p>I discovered the <em>webpack.base.conf.js</em> file with the rules-configuration, which is set like:</p>
  
  <pre><code>{
      test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
      loader: 'url-loader',
      options: {
          limit: 10000,
          name: utils.assetsPath('img/[name].[hash:7].[ext]'),
      },
  },
  </code></pre>
  
  <p>So, changing <code>utils.assetsPath('img/[name].[hash:7].[ext]'),</code> to <code>utils.assetsPath('css/img/[name].[hash:7].[ext]'),</code> did the trick, but I would like to apply this rule only to the <strong>jsoneditor-icons.svg</strong> file.</p>
  
  <p>Doing <code>exclude: [path.join(resolve('node_modules'), './jsoneditor/dist/img')],</code> stops webpack from putting the <strong>jsoneditor-icons</strong> to the <em>/img</em> folder, but an <strong>additional rule</strong></p>
  
  <pre><code>{
      test: /.*(jsoneditor-icons.svg)(\?.*)?$/,
      loader: 'url-loader',
      options: {
          name: utils.assetsPath('css/img/[name].[hash:7].[ext]'),
      },
  },
  </code></pre>
  
  <p>did not do anything.</p>
  
  <p>Could someone please point me to my mistake? The goal is to keep original webpack configuration and only override the rule for the <strong>jsoneditor-icons.svg</strong> file.</p>