fix(loader): support resourceQuery in extract mode with webpack versi…

…on above 1

lib/utils/mapped-list.js

@@ -84,7 +84,7 @@ class MappedList {
     const { symbols, spriteModules, allModules, rules } = this;
     const data = symbols.reduce((acc, symbol) => {
       const resource = symbol.request.file;
-      const module = spriteModules.find(m => m.resource === resource);
+      const module = spriteModules.find(m => m.resource.split('?')[0] === resource);
       const rule = getMatchedRule(resource, rules);
       const options = rule ? getLoaderOptions(spriteLoaderPath, rule) : null;
       let spriteFilename = (options && options.spriteFilename)

test/fixtures/styles4.css

@@ -0,0 +1,3 @@
+.img {
+  background-image: url('img/image.svg?sprite');
+}

test/loader.test.js

@@ -389,5 +389,22 @@ describe('loader and plugin', () => {
     it('should emit only built chunks', () => {
       // TODO test with webpack-recompilation-emulator
     });
+
+    if (!webpackVersion.IS_1) {
+      it('should emit sprite svg when using resourceQuery', async () => {
+        const { assets } = await compile({
+          entry: './styles4.css',
+          module: rules(
+            Object.assign(svgRule({ extract: true }), {
+              resourceQuery: /sprite/
+            }),
+            cssRule()
+          ),
+          plugins: [new SpritePlugin()]
+        });
+
+        Object.keys(assets).should.be.lengthOf(2);
+      });
+    }
   });
 });