css-loader 6.1.0 → 6.5.0

package/dist/utils.js

@@ -3,29 +3,29 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.normalizeOptions = normalizeOptions;
-exports.shouldUseModulesPlugins = shouldUseModulesPlugins;
-exports.shouldUseImportPlugin = shouldUseImportPlugin;
-exports.shouldUseURLPlugin = shouldUseURLPlugin;
-exports.shouldUseIcssPlugin = shouldUseIcssPlugin;
-exports.normalizeUrl = normalizeUrl;
-exports.requestify = requestify;
+exports.WEBPACK_IGNORE_COMMENT_REGEXP = void 0;
+exports.camelCase = camelCase;
+exports.combineRequests = combineRequests;
+exports.getExportCode = getExportCode;
 exports.getFilter = getFilter;
+exports.getImportCode = getImportCode;
+exports.getModuleCode = getModuleCode;
 exports.getModulesOptions = getModulesOptions;
 exports.getModulesPlugins = getModulesPlugins;
-exports.normalizeSourceMap = normalizeSourceMap;
 exports.getPreRequester = getPreRequester;
-exports.getImportCode = getImportCode;
-exports.getModuleCode = getModuleCode;
-exports.getExportCode = getExportCode;
+exports.isDataUrl = isDataUrl;
+exports.isURLRequestable = isURLRequestable;
+exports.normalizeOptions = normalizeOptions;
+exports.normalizeSourceMap = normalizeSourceMap;
+exports.normalizeUrl = normalizeUrl;
+exports.requestify = requestify;
 exports.resolveRequests = resolveRequests;
-exports.isUrlRequestable = isUrlRequestable;
+exports.shouldUseIcssPlugin = shouldUseIcssPlugin;
+exports.shouldUseImportPlugin = shouldUseImportPlugin;
+exports.shouldUseModulesPlugins = shouldUseModulesPlugins;
+exports.shouldUseURLPlugin = shouldUseURLPlugin;
 exports.sort = sort;
-exports.combineRequests = combineRequests;
-exports.camelCase = camelCase;
 exports.stringifyRequest = stringifyRequest;
-exports.isDataUrl = isDataUrl;
-exports.WEBPACK_IGNORE_COMMENT_REGEXP = void 0;
 
 var _url = require("url");
 
@@ -55,9 +55,14 @@ function isAbsolutePath(str) {
 
 function isRelativePath(str) {
   return matchRelativePath.test(str);
-}
+} // TODO simplify for the next major release
+
 
 function stringifyRequest(loaderContext, request) {
+  if (typeof loaderContext.utils !== "undefined" && typeof loaderContext.utils.contextify === "function") {
+    return JSON.stringify(loaderContext.utils.contextify(loaderContext.context, request));
+  }
+
   const splitted = request.split("!");
   const {
     context
@@ -313,55 +318,62 @@ function escapeLocalIdent(localident) {
 }
 
 function defaultGetLocalIdent(loaderContext, localIdentName, localName, options) {
-  let relativeMatchResource = ""; // eslint-disable-next-line no-underscore-dangle
-
-  if (loaderContext._module && loaderContext._module.matchResource) {
-    relativeMatchResource = `${normalizePath( // eslint-disable-next-line no-underscore-dangle
-    _path.default.relative(options.context, loaderContext._module.matchResource))}\x00`;
-  }
-
-  const relativeResourcePath = normalizePath(_path.default.relative(options.context, loaderContext.resourcePath)); // eslint-disable-next-line no-param-reassign
+  const {
+    context,
+    hashSalt
+  } = options;
+  const {
+    resourcePath
+  } = loaderContext;
+  const relativeResourcePath = normalizePath(_path.default.relative(context, resourcePath)); // eslint-disable-next-line no-param-reassign
 
-  options.content = `${relativeMatchResource}${relativeResourcePath}\x00${localName}`;
+  options.content = `${relativeResourcePath}\x00${localName}`;
   let {
     hashFunction,
     hashDigest,
     hashDigestLength
   } = options;
-  const mathes = localIdentName.match(/\[(?:([^:\]]+):)?(?:(hash|contenthash|fullhash))(?::([a-z]+\d*))?(?::(\d+))?\]/i);
+  const matches = localIdentName.match(/\[(?:([^:\]]+):)?(?:(hash|contenthash|fullhash))(?::([a-z]+\d*))?(?::(\d+))?\]/i);
 
-  if (mathes) {
-    const hashName = mathes[2] || hashFunction;
-    hashFunction = mathes[1] || hashFunction;
-    hashDigest = mathes[3] || hashDigest;
-    hashDigestLength = mathes[4] || hashDigestLength; // `hash` and `contenthash` are same in `loader-utils` context
+  if (matches) {
+    const hashName = matches[2] || hashFunction;
+    hashFunction = matches[1] || hashFunction;
+    hashDigest = matches[3] || hashDigest;
+    hashDigestLength = matches[4] || hashDigestLength; // `hash` and `contenthash` are same in `loader-utils` context
     // let's keep `hash` for backward compatibility
     // eslint-disable-next-line no-param-reassign
 
     localIdentName = localIdentName.replace(/\[(?:([^:\]]+):)?(?:hash|contenthash|fullhash)(?::([a-z]+\d*))?(?::(\d+))?\]/gi, () => hashName === "fullhash" ? "[fullhash]" : "[contenthash]");
-  } // eslint-disable-next-line no-underscore-dangle
+  }
 
+  let localIdentHash = "";
 
-  const hash = loaderContext._compiler.webpack.util.createHash(hashFunction);
+  for (let tier = 0; localIdentHash.length < hashDigestLength; tier++) {
+    // eslint-disable-next-line no-underscore-dangle
+    const hash = loaderContext._compiler.webpack.util.createHash(hashFunction);
 
-  const {
-    hashSalt
-  } = options;
+    if (hashSalt) {
+      hash.update(hashSalt);
+    }
 
-  if (hashSalt) {
-    hash.update(hashSalt);
-  }
+    const tierSalt = Buffer.allocUnsafe(4);
+    tierSalt.writeUInt32LE(tier);
+    hash.update(tierSalt);
+    hash.update(options.content);
+    localIdentHash = (localIdentHash + hash.digest(hashDigest) // Remove all leading digits
+    ).replace(/^\d+/, "") // Replace all slashes with underscores (same as in base64url)
+    .replace(/\//g, "_") // Remove everything that is not an alphanumeric or underscore
+    .replace(/[^A-Za-z0-9_]+/g, "").slice(0, hashDigestLength);
+  } // TODO need improve on webpack side, we should allow to pass hash/contentHash without chunk property, also `data` for `getPath` should be looks good without chunk property
 
-  hash.update(options.content);
-  const localIdentHash = hash.digest(hashDigest).slice(0, hashDigestLength).replace(/[/+]/g, "_").replace(/^\d/g, "_"); // TODO need improve on webpack side, we should allow to pass hash/contentHash without chunk property, also `data` for `getPath` should be looks good without chunk property
 
-  const ext = _path.default.extname(loaderContext.resourcePath);
+  const ext = _path.default.extname(resourcePath);
 
-  const base = _path.default.basename(loaderContext.resourcePath);
+  const base = _path.default.basename(resourcePath);
 
   const name = base.slice(0, base.length - ext.length);
   const data = {
-    filename: _path.default.relative(options.context, loaderContext.resourcePath),
+    filename: _path.default.relative(context, resourcePath),
     contentHash: localIdentHash,
     chunk: {
       name,
@@ -372,8 +384,22 @@ function defaultGetLocalIdent(loaderContext, localIdentName, localName, options)
 
   let result = loaderContext._compilation.getPath(localIdentName, data);
 
+  if (/\[folder\]/gi.test(result)) {
+    const dirname = _path.default.dirname(resourcePath);
+
+    let directory = normalizePath(_path.default.relative(context, `${dirname + _path.default.sep}_`));
+    directory = directory.substr(0, directory.length - 1);
+    let folder = "";
+
+    if (directory.length > 1) {
+      folder = _path.default.basename(directory);
+    }
+
+    result = result.replace(/\[folder\]/gi, () => folder);
+  }
+
   if (options.regExp) {
-    const match = loaderContext.resourcePath.match(options.regExp);
+    const match = resourcePath.match(options.regExp);
 
     if (match) {
       match.forEach((matched, i) => {
@@ -462,17 +488,14 @@ function getFilter(filter, resourcePath) {
 }
 
 function getValidLocalName(localName, exportLocalsConvention) {
-  if (exportLocalsConvention === "dashesOnly") {
-    return dashesCamelCase(localName);
-  }
-
-  return camelCase(localName);
+  const result = exportLocalsConvention(localName);
+  return Array.isArray(result) ? result[0] : result;
 }
 
 const IS_MODULES = /\.module(s)?\.\w+$/i;
 const IS_ICSS = /\.icss\.\w+$/i;
 
-function getModulesOptions(rawOptions, loaderContext) {
+function getModulesOptions(rawOptions, exportType, loaderContext) {
   if (typeof rawOptions.modules === "boolean" && rawOptions.modules === false) {
     return false;
   }
@@ -502,6 +525,7 @@ function getModulesOptions(rawOptions, loaderContext) {
   const {
     outputOptions
   } = loaderContext._compilation;
+  const needNamedExport = exportType === "css-style-sheet" || exportType === "string";
   const modulesOptions = {
     auto,
     mode: "local",
@@ -516,11 +540,44 @@ function getModulesOptions(rawOptions, loaderContext) {
     localIdentRegExp: undefined,
     // eslint-disable-next-line no-undefined
     getLocalIdent: undefined,
-    namedExport: false,
-    exportLocalsConvention: rawModulesOptions.namedExport === true && typeof rawModulesOptions.exportLocalsConvention === "undefined" ? "camelCaseOnly" : "asIs",
+    namedExport: needNamedExport || false,
+    exportLocalsConvention: (rawModulesOptions.namedExport === true || needNamedExport) && typeof rawModulesOptions.exportLocalsConvention === "undefined" ? "camelCaseOnly" : "asIs",
     exportOnlyLocals: false,
     ...rawModulesOptions
   };
+  let exportLocalsConventionType;
+
+  if (typeof modulesOptions.exportLocalsConvention === "string") {
+    exportLocalsConventionType = modulesOptions.exportLocalsConvention;
+
+    modulesOptions.exportLocalsConvention = name => {
+      switch (exportLocalsConventionType) {
+        case "camelCase":
+          {
+            return [name, camelCase(name)];
+          }
+
+        case "camelCaseOnly":
+          {
+            return camelCase(name);
+          }
+
+        case "dashes":
+          {
+            return [name, dashesCamelCase(name)];
+          }
+
+        case "dashesOnly":
+          {
+            return dashesCamelCase(name);
+          }
+
+        case "asIs":
+        default:
+          return name;
+      }
+    };
+  }
 
   if (typeof modulesOptions.auto === "boolean") {
     const isModules = modulesOptions.auto && IS_MODULES.test(resourcePath);
@@ -555,12 +612,22 @@ function getModulesOptions(rawOptions, loaderContext) {
     modulesOptions.mode = modulesOptions.mode(loaderContext.resourcePath);
   }
 
+  if (needNamedExport) {
+    if (rawOptions.esModule === false) {
+      throw new Error("The 'exportType' option with the 'css-style-sheet' or 'string' value requires the 'esModules' option to be enabled");
+    }
+
+    if (modulesOptions.namedExport === false) {
+      throw new Error("The 'exportType' option with the 'css-style-sheet' or 'string' value requires the 'modules.namedExport' option to be enabled");
+    }
+  }
+
   if (modulesOptions.namedExport === true) {
     if (rawOptions.esModule === false) {
-      throw new Error('The "modules.namedExport" option requires the "esModules" option to be enabled');
+      throw new Error("The 'modules.namedExport' option requires the 'esModules' option to be enabled");
     }
 
-    if (modulesOptions.exportLocalsConvention !== "camelCaseOnly" && modulesOptions.exportLocalsConvention !== "dashesOnly") {
+    if (typeof exportLocalsConventionType === "string" && exportLocalsConventionType !== "camelCaseOnly" && exportLocalsConventionType !== "dashesOnly") {
       throw new Error('The "modules.namedExport" option requires the "modules.exportLocalsConvention" option to be "camelCaseOnly" or "dashesOnly"');
     }
   }
@@ -569,14 +636,16 @@ function getModulesOptions(rawOptions, loaderContext) {
 }
 
 function normalizeOptions(rawOptions, loaderContext) {
-  const modulesOptions = getModulesOptions(rawOptions, loaderContext);
+  const exportType = typeof rawOptions.exportType === "undefined" ? "array" : rawOptions.exportType;
+  const modulesOptions = getModulesOptions(rawOptions, exportType, loaderContext);
   return {
     url: typeof rawOptions.url === "undefined" ? true : rawOptions.url,
     import: typeof rawOptions.import === "undefined" ? true : rawOptions.import,
     modules: modulesOptions,
     sourceMap: typeof rawOptions.sourceMap === "boolean" ? rawOptions.sourceMap : loaderContext.sourceMap,
     importLoaders: typeof rawOptions.importLoaders === "string" ? parseInt(rawOptions.importLoaders, 10) : rawOptions.importLoaders,
-    esModule: typeof rawOptions.esModule === "undefined" ? true : rawOptions.esModule
+    esModule: typeof rawOptions.esModule === "undefined" ? true : rawOptions.esModule,
+    exportType
   };
 }
 
@@ -780,6 +849,13 @@ function normalizeSourceMapForRuntime(map, loaderContext) {
 
   if (resultMap) {
     delete resultMap.file;
+    /* eslint-disable no-underscore-dangle */
+
+    if (loaderContext._compilation && loaderContext._compilation.options && loaderContext._compilation.options.devtool && loaderContext._compilation.options.devtool.includes("nosources")) {
+      /* eslint-enable no-underscore-dangle */
+      delete resultMap.sourcesContent;
+    }
+
     resultMap.sourceRoot = "";
     resultMap.sources = resultMap.sources.map(source => {
       // Non-standard syntax from `postcss`
@@ -805,22 +881,66 @@ function normalizeSourceMapForRuntime(map, loaderContext) {
   return JSON.stringify(resultMap);
 }
 
+function printParams(media, dedupe, supports, layer) {
+  let result = "";
+
+  if (typeof layer !== "undefined") {
+    result = `, ${JSON.stringify(layer)}`;
+  }
+
+  if (typeof supports !== "undefined") {
+    result = `, ${JSON.stringify(supports)}${result}`;
+  } else if (result.length > 0) {
+    result = `, undefined${result}`;
+  }
+
+  if (dedupe) {
+    result = `, true${result}`;
+  } else if (result.length > 0) {
+    result = `, false${result}`;
+  }
+
+  if (media) {
+    result = `${JSON.stringify(media)}${result}`;
+  } else if (result.length > 0) {
+    result = `""${result}`;
+  }
+
+  return result;
+}
+
 function getModuleCode(result, api, replacements, options, loaderContext) {
   if (options.modules.exportOnlyLocals === true) {
     return "";
   }
 
-  const sourceMapValue = options.sourceMap ? `,${normalizeSourceMapForRuntime(result.map, loaderContext)}` : "";
+  let sourceMapValue = "";
+
+  if (options.sourceMap) {
+    const sourceMap = result.map;
+    sourceMapValue = `,${normalizeSourceMapForRuntime(sourceMap, loaderContext)}`;
+  }
+
   let code = JSON.stringify(result.css);
-  let beforeCode = `var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(${options.sourceMap ? "___CSS_LOADER_API_SOURCEMAP_IMPORT___" : "function(i){return i[1]}"});\n`;
+  let beforeCode = `var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(${options.sourceMap ? "___CSS_LOADER_API_SOURCEMAP_IMPORT___" : "___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___"});\n`;
 
   for (const item of api) {
     const {
       url,
+      layer,
+      supports,
       media,
       dedupe
     } = item;
-    beforeCode += url ? `___CSS_LOADER_EXPORT___.push([module.id, ${JSON.stringify(`@import url(${url});`)}${media ? `, ${JSON.stringify(media)}` : ""}]);\n` : `___CSS_LOADER_EXPORT___.i(${item.importName}${media ? `, ${JSON.stringify(media)}` : dedupe ? ', ""' : ""}${dedupe ? ", true" : ""});\n`;
+
+    if (url) {
+      // eslint-disable-next-line no-undefined
+      const printedParam = printParams(media, undefined, supports, layer);
+      beforeCode += `___CSS_LOADER_EXPORT___.push([module.id, ${JSON.stringify(`@import url(${url});`)}${printedParam.length > 0 ? `, ${printedParam}` : ""}]);\n`;
+    } else {
+      const printedParam = printParams(media, dedupe, supports, layer);
+      beforeCode += `___CSS_LOADER_EXPORT___.i(${item.importName}${printedParam.length > 0 ? `, ${printedParam}` : ""});\n`;
+    }
   }
 
   for (const item of replacements) {
@@ -842,7 +962,14 @@ function getModuleCode(result, api, replacements, options, loaderContext) {
       beforeCode += `var ${replacementName} = ___CSS_LOADER_GET_URL_IMPORT___(${importName}${preparedOptions});\n`;
       code = code.replace(new RegExp(replacementName, "g"), () => `" + ${replacementName} + "`);
     }
-  }
+  } // Indexes description:
+  // 0 - module id
+  // 1 - CSS code
+  // 2 - media
+  // 3 - source map
+  // 4 - supports
+  // 5 - layer
+
 
   return `${beforeCode}// Module\n___CSS_LOADER_EXPORT___.push([module.id, ${code}, ""${sourceMapValue}]);\n`;
 }
@@ -851,107 +978,92 @@ function dashesCamelCase(str) {
   return str.replace(/-+(\w)/g, (match, firstLetter) => firstLetter.toUpperCase());
 }
 
-function getExportCode(exports, replacements, needToUseIcssPlugin, options) {
+function getExportCode(exports, replacements, icssPluginUsed, options) {
   let code = "// Exports\n";
 
-  if (!needToUseIcssPlugin) {
-    code += `${options.esModule ? "export default" : "module.exports ="} ___CSS_LOADER_EXPORT___;\n`;
-    return code;
-  }
-
-  let localsCode = "";
+  if (icssPluginUsed) {
+    let localsCode = "";
 
-  const addExportToLocalsCode = (name, value) => {
-    if (options.modules.namedExport) {
-      localsCode += `export var ${name} = ${JSON.stringify(value)};\n`;
-    } else {
-      if (localsCode) {
-        localsCode += `,\n`;
-      }
-
-      localsCode += `\t${JSON.stringify(name)}: ${JSON.stringify(value)}`;
-    }
-  };
+    const addExportToLocalsCode = (names, value) => {
+      const normalizedNames = Array.isArray(names) ? new Set(names) : new Set([names]);
 
-  for (const {
-    name,
-    value
-  } of exports) {
-    switch (options.modules.exportLocalsConvention) {
-      case "camelCase":
-        {
-          addExportToLocalsCode(name, value);
-          const modifiedName = camelCase(name);
-
-          if (modifiedName !== name) {
-            addExportToLocalsCode(modifiedName, value);
+      for (const name of normalizedNames) {
+        if (options.modules.namedExport) {
+          localsCode += `export var ${name} = ${JSON.stringify(value)};\n`;
+        } else {
+          if (localsCode) {
+            localsCode += `,\n`;
           }
 
-          break;
+          localsCode += `\t${JSON.stringify(name)}: ${JSON.stringify(value)}`;
         }
+      }
+    };
 
-      case "camelCaseOnly":
-        {
-          addExportToLocalsCode(camelCase(name), value);
-          break;
-        }
+    for (const {
+      name,
+      value
+    } of exports) {
+      addExportToLocalsCode(options.modules.exportLocalsConvention(name), value);
+    }
 
-      case "dashes":
-        {
-          addExportToLocalsCode(name, value);
-          const modifiedName = dashesCamelCase(name);
+    for (const item of replacements) {
+      const {
+        replacementName,
+        localName
+      } = item;
 
-          if (modifiedName !== name) {
-            addExportToLocalsCode(modifiedName, value);
+      if (localName) {
+        const {
+          importName
+        } = item;
+        localsCode = localsCode.replace(new RegExp(replacementName, "g"), () => {
+          if (options.modules.namedExport) {
+            return `" + ${importName}_NAMED___[${JSON.stringify(getValidLocalName(localName, options.modules.exportLocalsConvention))}] + "`;
+          } else if (options.modules.exportOnlyLocals) {
+            return `" + ${importName}[${JSON.stringify(localName)}] + "`;
           }
 
-          break;
-        }
-
-      case "dashesOnly":
-        {
-          addExportToLocalsCode(dashesCamelCase(name), value);
-          break;
-        }
+          return `" + ${importName}.locals[${JSON.stringify(localName)}] + "`;
+        });
+      } else {
+        localsCode = localsCode.replace(new RegExp(replacementName, "g"), () => `" + ${replacementName} + "`);
+      }
+    }
 
-      case "asIs":
-      default:
-        addExportToLocalsCode(name, value);
-        break;
+    if (options.modules.exportOnlyLocals) {
+      code += options.modules.namedExport ? localsCode : `${options.esModule ? "export default" : "module.exports ="} {\n${localsCode}\n};\n`;
+      return code;
     }
-  }
 
-  for (const item of replacements) {
-    const {
-      replacementName,
-      localName
-    } = item;
+    code += options.modules.namedExport ? localsCode : `___CSS_LOADER_EXPORT___.locals = {${localsCode ? `\n${localsCode}\n` : ""}};\n`;
+  }
 
-    if (localName) {
-      const {
-        importName
-      } = item;
-      localsCode = localsCode.replace(new RegExp(replacementName, "g"), () => {
-        if (options.modules.namedExport) {
-          return `" + ${importName}_NAMED___[${JSON.stringify(getValidLocalName(localName, options.modules.exportLocalsConvention))}] + "`;
-        } else if (options.modules.exportOnlyLocals) {
-          return `" + ${importName}[${JSON.stringify(localName)}] + "`;
-        }
+  const isCSSStyleSheetExport = options.exportType === "css-style-sheet";
 
-        return `" + ${importName}.locals[${JSON.stringify(localName)}] + "`;
-      });
-    } else {
-      localsCode = localsCode.replace(new RegExp(replacementName, "g"), () => `" + ${replacementName} + "`);
-    }
+  if (isCSSStyleSheetExport) {
+    code += "var ___CSS_LOADER_STYLE_SHEET___ = new CSSStyleSheet();\n";
+    code += "___CSS_LOADER_STYLE_SHEET___.replaceSync(___CSS_LOADER_EXPORT___.toString());\n";
   }
 
-  if (options.modules.exportOnlyLocals) {
-    code += options.modules.namedExport ? localsCode : `${options.esModule ? "export default" : "module.exports ="} {\n${localsCode}\n};\n`;
-    return code;
+  let finalExport;
+
+  switch (options.exportType) {
+    case "string":
+      finalExport = "___CSS_LOADER_EXPORT___.toString()";
+      break;
+
+    case "css-style-sheet":
+      finalExport = "___CSS_LOADER_STYLE_SHEET___";
+      break;
+
+    default:
+    case "array":
+      finalExport = "___CSS_LOADER_EXPORT___";
+      break;
   }
 
-  code += options.modules.namedExport ? localsCode : `___CSS_LOADER_EXPORT___.locals = {${localsCode ? `\n${localsCode}\n` : ""}};\n`;
-  code += `${options.esModule ? "export default" : "module.exports ="} ___CSS_LOADER_EXPORT___;\n`;
+  code += `${options.esModule ? "export default" : "module.exports ="} ${finalExport};\n`;
   return code;
 }
 
@@ -967,28 +1079,67 @@ async function resolveRequests(resolve, context, possibleRequests) {
   });
 }
 
-function isUrlRequestable(url) {
+function isURLRequestable(url, options = {}) {
   // Protocol-relative URLs
   if (/^\/\//.test(url)) {
-    return false;
+    return {
+      requestable: false,
+      needResolve: false
+    };
+  } // `#` URLs
+
+
+  if (/^#/.test(url)) {
+    return {
+      requestable: false,
+      needResolve: false
+    };
+  } // Data URI
+
+
+  if (isDataUrl(url) && options.isSupportDataURL) {
+    try {
+      decodeURIComponent(url);
+    } catch (ignoreError) {
+      return {
+        requestable: false,
+        needResolve: false
+      };
+    }
+
+    return {
+      requestable: true,
+      needResolve: false
+    };
   } // `file:` protocol
 
 
   if (/^file:/i.test(url)) {
-    return true;
+    return {
+      requestable: true,
+      needResolve: true
+    };
   } // Absolute URLs
 
 
   if (/^[a-z][a-z0-9+.-]*:/i.test(url) && !NATIVE_WIN32_PATH.test(url)) {
-    return false;
-  } // `#` URLs
-
+    if (options.isSupportAbsoluteURL && /^https?:/i.test(url)) {
+      return {
+        requestable: true,
+        needResolve: false
+      };
+    }
 
-  if (/^#/.test(url)) {
-    return false;
+    return {
+      requestable: false,
+      needResolve: false
+    };
   }
 
-  return true;
+  return {
+    requestable: true,
+    needResolve: true
+  };
 }
 
 function sort(a, b) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "css-loader",
-  "version": "6.1.0",
+  "version": "6.5.0",
   "description": "css loader module for webpack",
   "license": "MIT",
   "repository": "webpack-contrib/css-loader",
@@ -55,15 +55,15 @@
     "@babel/cli": "^7.14.5",
     "@babel/core": "^7.14.6",
     "@babel/preset-env": "^7.14.7",
-    "@commitlint/cli": "^12.1.4",
-    "@commitlint/config-conventional": "^12.1.4",
+    "@commitlint/cli": "^13.1.0",
+    "@commitlint/config-conventional": "^13.1.0",
     "@webpack-contrib/eslint-config-webpack": "^3.0.0",
     "babel-jest": "^27.0.6",
     "cross-env": "^7.0.3",
     "del": "^6.0.0",
     "del-cli": "^4.0.1",
-    "es-check": "^5.2.4",
-    "eslint": "^7.30.0",
+    "es-check": "^6.0.0",
+    "eslint": "^8.1.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-import": "^2.23.4",
     "file-loader": "^6.2.0",
@@ -83,7 +83,7 @@
     "standard-version": "^9.3.1",
     "strip-ansi": "^6.0.0",
     "style-loader": "^3.1.0",
-    "stylus": "^0.54.8",
+    "stylus": "^0.55.0",
     "stylus-loader": "^6.1.0",
     "url-loader": "^4.1.1",
     "webpack": "^5.45.1"