feat: localIdentHashFunction, localIdentHashDigest, localIdentHashDigestLength options added

Author: cap-Bernardito

README.md

@@ -762,7 +762,7 @@ Allows to configure the generated local ident name.
 For more information on options see:
 
 - [webpack template strings](https://webpack.js.org/configuration/output/#template-strings),
-- [output.hashdigest](https://webpack.js.org/configuration/output/#outputhashdigest),
+- [output.hashDigest](https://webpack.js.org/configuration/output/#outputhashdigest),
 - [output.hashDigestLength](https://webpack.js.org/configuration/output/#outputhashdigestlength),
 - [output.hashFunction](https://webpack.js.org/configuration/output/#outputhashfunction),
 - [output.hashSalt](https://webpack.js.org/configuration/output/#outputhashsalt).
@@ -773,7 +773,7 @@ Supported template strings:
 - [path] the path of the resource relative to the `compiler.context` option or `modules.localIdentContext` option.
 - [file] - filename and path.
 - [ext] - extension with leading .
-- [hash] - the hash of the string, generated based on `hashPrefix`, `localIdentContext`, `resourcePath` and `exportName`
+- [hash] - the hash of the string, generated based on `localIdentHashSalt`, `localIdentHashFunction`, `localIdentHashDigest`, `localIdentHashDigestLength`, `localIdentContext`, `resourcePath` and `exportName`
 - [<hashFunction>:hash:<hashDigest>:<hashDigestLength>] - hash with hash settings.
 - [local] - original class.
 
@@ -833,12 +833,13 @@ module.exports = {
 };
 ```
 
-##### `localIdentHashSalt
+##### `localIdentHashSalt`
 
 Type: `String`
 Default: `undefined`
 
 Allows to add custom hash to generate more unique classes.
+For more information see [output.hashSalt](https://webpack.js.org/configuration/output/#outputhashsalt).
 
 **webpack.config.js**
 
@@ -860,6 +861,90 @@ module.exports = {
 };
 ```
 
+##### `localIdentHashFunction`
+
+Type: `String`
+Default: `md4`
+
+Allows to specify hash function to generate classes .
+For more information see [output.hashFunction](https://webpack.js.org/configuration/output/#outputhashfunction).
+
+**webpack.config.js**
+
+```js
+module.exports = {
+  module: {
+    rules: [
+      {
+        test: /\.css$/i,
+        loader: "css-loader",
+        options: {
+          modules: {
+            localIdentHashFunction: "md4",
+          },
+        },
+      },
+    ],
+  },
+};
+```
+
+##### `localIdentHashDigest`
+
+Type: `String`
+Default: `hex`
+
+Allows to specify hash digest to generate classes.
+For more information see [output.hashDigest](https://webpack.js.org/configuration/output/#outputhashdigest).
+
+**webpack.config.js**
+
+```js
+module.exports = {
+  module: {
+    rules: [
+      {
+        test: /\.css$/i,
+        loader: "css-loader",
+        options: {
+          modules: {
+            localIdentHashDigest: "base64",
+          },
+        },
+      },
+    ],
+  },
+};
+```
+
+##### `localIdentHashDigestLength`
+
+Type: `Number`
+Default: `20`
+
+Allows to specify hash digest length to generate classes.
+For more information see [output.hashDigestLength](https://webpack.js.org/configuration/output/#outputhashdigestlength).
+
+**webpack.config.js**
+
+```js
+module.exports = {
+  module: {
+    rules: [
+      {
+        test: /\.css$/i,
+        loader: "css-loader",
+        options: {
+          modules: {
+            localIdentHashDigestLength: 5,
+          },
+        },
+      },
+    ],
+  },
+};
+```
+
 ##### `localIdentRegExp`
 
 Type: `String|RegExp`

src/options.json

@@ -103,6 +103,20 @@
               "type": "string",
               "minLength": 1
             },
+            "localIdentHashFunction": {
+              "description": "Allows to specify hash function to generate classes (https://github.com/webpack-contrib/css-loader#localidenthashfunction).",
+              "type": "string",
+              "minLength": 1
+            },
+            "localIdentHashDigest": {
+              "description": "Allows to specify hash digest to generate classes (https://github.com/webpack-contrib/css-loader#localidenthashdigest).",
+              "type": "string",
+              "minLength": 1
+            },
+            "localIdentHashDigestLength": {
+              "description": "Allows to specify hash digest length to generate classes (https://github.com/webpack-contrib/css-loader#localidenthashdigestlength).",
+              "type": "number"
+            },
             "localIdentRegExp": {
               "description": "Allows to specify custom RegExp for local ident name (https://github.com/webpack-contrib/css-loader#localidentregexp).",
               "anyOf": [

src/utils.js

@@ -358,11 +358,7 @@ function defaultGetLocalIdent(
   // eslint-disable-next-line no-param-reassign
   options.content = `${relativeMatchResource}${relativeResourcePath}\x00${localName}`;
 
-  // eslint-disable-next-line no-underscore-dangle
-  const { outputOptions } = loaderContext._compilation;
-  const { hashSalt = options.hashSalt } = outputOptions;
-  let { hashFunction, hashDigest, hashDigestLength } = outputOptions;
-
+  let { hashFunction, hashDigest, hashDigestLength } = options;
   const mathes = localIdentName.match(
     /\[(?:([^:\]]+):)?(?:(hash|contenthash|fullhash))(?::([a-z]+\d*))?(?::(\d+))?\]/i
   );
@@ -386,7 +382,7 @@ function defaultGetLocalIdent(
 
   // eslint-disable-next-line no-underscore-dangle
   const hash = loaderContext._compiler.webpack.util.createHash(hashFunction);
-  // eslint-disable-next-line no-underscore-dangle
+  const { hashSalt } = options;
 
   if (hashSalt) {
     hash.update(hashSalt);
@@ -523,13 +519,19 @@ function getModulesOptions(rawOptions, loaderContext) {
     return false;
   }
 
+  // eslint-disable-next-line no-underscore-dangle
+  const { outputOptions } = loaderContext._compilation;
+
   let modulesOptions = {
     auto: true,
     mode: isIcss ? "icss" : "local",
     exportGlobals: false,
     localIdentName: "[hash:base64]",
     localIdentContext: loaderContext.rootContext,
-    localIdentHashSalt: "",
+    localIdentHashSalt: outputOptions.hashSalt,
+    localIdentHashFunction: outputOptions.hashFunction,
+    localIdentHashDigest: outputOptions.hashDigest,
+    localIdentHashDigestLength: outputOptions.hashDigestLength,
     // eslint-disable-next-line no-undefined
     localIdentRegExp: undefined,
     // eslint-disable-next-line no-undefined
@@ -674,6 +676,9 @@ function getModulesPlugins(options, loaderContext) {
     localIdentName,
     localIdentContext,
     localIdentHashSalt,
+    localIdentHashFunction,
+    localIdentHashDigest,
+    localIdentHashDigestLength,
     localIdentRegExp,
   } = options.modules;
 
@@ -696,6 +701,9 @@ function getModulesPlugins(options, loaderContext) {
               {
                 context: localIdentContext,
                 hashSalt: localIdentHashSalt,
+                hashFunction: localIdentHashFunction,
+                hashDigest: localIdentHashDigest,
+                hashDigestLength: localIdentHashDigestLength,
                 regExp: localIdentRegExp,
               }
             );
@@ -711,6 +719,9 @@ function getModulesPlugins(options, loaderContext) {
               {
                 context: localIdentContext,
                 hashSalt: localIdentHashSalt,
+                hashFunction: localIdentHashFunction,
+                hashDigest: localIdentHashDigest,
+                hashDigestLength: localIdentHashDigestLength,
                 regExp: localIdentRegExp,
               }
             );