Add support for regExp pattern in the loader-util name interpolator

Author: evan-cleary

README.md

@@ -92,6 +92,9 @@ yarn add svg-sprite-loader -D
 How `<symbol>` `id` attribute should be named.
 Complete list of supported patterns: [loader-utils#interpolatename docs](https://github.com/webpack/loader-utils#interpolatename).
 
+### `symbolRegExp` (default `''`)
+Passed to the symbolId interpolator to support the [N] pattern in the loader-utils name interpolator
+
 ### `esModule` (default `true`, autoconfigured)
 
 Generated export format:

lib/config.js

@@ -20,6 +20,13 @@ module.exports = {
      */
     symbolId: '[name]',
 
+    /**
+     * Regular expression passed to interpolateName.
+     * Supports the interpolateName [N] pattern inserting the N-th match.
+     * @type {string}
+     */
+    symbolRegExp: '',
+
     /**
      * Path to Node.js module which generates client runtime.
      * @type {string}

lib/loader.js

@@ -60,7 +60,11 @@ module.exports = function loader(content) {
   }
 
   const idPattern = config.symbolId + (resourceQuery ? `--${urlSlug(resourceQuery)}` : '');
-  const id = interpolateName(loaderContext, idPattern, { content, context: compiler.context });
+  const id = interpolateName(loaderContext, idPattern, {
+    content,
+    context: compiler.context,
+    regExp: config.symbolRegExp
+  });
 
   svgCompiler.addSymbol({ id, content, path: resourcePath + resourceQuery })
     .then((symbol) => {