webpack-contrib
diff --git a/‎README.md
Copy file name to clipboardExpand all lines: README.md
+20-7Lines changed: 20 additions & 7 deletions b/‎README.md
Copy file name to clipboardExpand all lines: README.md
+20-7Lines changed: 20 additions & 7 deletions
diff --git a/‎src/utils.js
Copy file name to clipboardExpand all lines: src/utils.js
+11-2Lines changed: 11 additions & 2 deletions b/‎src/utils.js
Copy file name to clipboardExpand all lines: src/utils.js
+11-2Lines changed: 11 additions & 2 deletions
diff --git a/‎test/modules-option.test.js
Copy file name to clipboardExpand all lines: test/modules-option.test.js
+12-2Lines changed: 12 additions & 2 deletions b/‎test/modules-option.test.js
Copy file name to clipboardExpand all lines: test/modules-option.test.js
+12-2Lines changed: 12 additions & 2 deletions
@@ -605,12 +605,19 @@ module.exports = {
 Type:
 
 ```ts
-type auto = boolean | regExp | ((resourcePath: string) => boolean);
+type auto =
+  | boolean
+  | regExp
+  | ((
+      resourcePath: string,
+      resourceQuery: string,
+      resourceFragment: string
+    ) => boolean);
 ```
 
 Default: `undefined`
 
-Allows auto enable CSS modules/ICSS based on filename when `modules` option is object.
+Allows auto enable CSS modules/ICSS based on the filename, query or fragment when `modules` option is object.
 
 Possible values:
 
@@ -673,7 +680,7 @@ module.exports = {
 
 ###### `function`
 
-Enable CSS modules for files based on the filename satisfying your filter function check.
+Enable CSS modules for files based on the filename, query or fragment satisfying your filter function check.
 
 **webpack.config.js**
 
@@ -686,7 +693,9 @@ module.exports = {
         loader: "css-loader",
         options: {
           modules: {
-            auto: (resourcePath) => resourcePath.endsWith(".custom-module.css"),
+            auto: (resourcePath, resourceQuery, resourceFragment) => {
+              return resourcePath.endsWith(".custom-module.css");
+            },
           },
         },
       },
@@ -705,7 +714,11 @@ type mode =
   | "global"
   | "pure"
   | "icss"
-  | ((resourcePath: string) => "local" | "global" | "pure" | "icss");
+  | ((
+      resourcePath: string,
+      resourceQuery: string,
+      resourceFragment: string
+    ) => "local" | "global" | "pure" | "icss");
 ```
 
 Default: `'local'`
@@ -745,7 +758,7 @@ module.exports = {
 
 ###### `function`
 
-Allows set different values for the `mode` option based on a filename
+Allows set different values for the `mode` option based on the filename, query or fragment.
 
 Possible return values - `local`, `global`, `pure` and `icss`.
 
@@ -761,7 +774,7 @@ module.exports = {
         options: {
           modules: {
             // Callback must return "local", "global", or "pure" values
-            mode: (resourcePath) => {
+            mode: (resourcePath, resourceQuery, resourceFragment) => {
               if (/pure.css$/i.test(resourcePath)) {
                 return "pure";
               }
 
@@ -646,15 +646,24 @@ function getModulesOptions(rawOptions, exportType, loaderContext) {
       return false;
     }
   } else if (typeof modulesOptions.auto === "function") {
-    const isModule = modulesOptions.auto(resourcePath);
+    const { resourceQuery, resourceFragment } = loaderContext;
+    const isModule = modulesOptions.auto(
+      resourcePath,
+      resourceQuery,
+      resourceFragment
+    );
 
     if (!isModule) {
       return false;
     }
   }
 
   if (typeof modulesOptions.mode === "function") {
-    modulesOptions.mode = modulesOptions.mode(loaderContext.resourcePath);
+    modulesOptions.mode = modulesOptions.mode(
+      loaderContext.resourcePath,
+      loaderContext.resourceQuery,
+      loaderContext.resourceFragment
+    );
   }
 
   if (needNamedExport) {
 
@@ -834,7 +834,11 @@ describe('"modules" option', () => {
   it("issue #1063", async () => {
     const compiler = getCompiler("./modules/issue-1063/issue-1063.js", {
       modules: {
-        mode: (resourcePath) => {
+        mode: (resourcePath, resourceQuery, resourceFragment) => {
+          expect(resourcePath).toBeDefined();
+          expect(resourceQuery).toBeDefined();
+          expect(resourceFragment).toBeDefined();
+
           if (/pure.css$/i.test(resourcePath)) {
             return "pure";
           }
@@ -1269,7 +1273,13 @@ describe('"modules" option', () => {
   it('should work with a modules.auto Function that returns "true"', async () => {
     const compiler = getCompiler("./modules/mode/modules.js", {
       modules: {
-        auto: (relativePath) => relativePath.endsWith("module.css"),
+        auto: (resourcePath, resourceQuery, resourceFragment) => {
+          expect(resourcePath).toBeDefined();
+          expect(resourceQuery).toBeDefined();
+          expect(resourceFragment).toBeDefined();
+
+          return resourcePath.endsWith("module.css");
+        },
       },
     });
     const stats = await compile(compiler);