fix: improve contenthash generation

Author: alexander-akait

src/index.js

@@ -221,9 +221,21 @@ class MiniCssExtractPlugin {
 
       compilation.hooks.contentHash.tap(pluginName, (chunk) => {
         const { outputOptions } = compilation;
-        const { hashFunction, hashDigest, hashDigestLength } = outputOptions;
+        const {
+          hashSalt,
+          hashDigest,
+          hashDigestLength,
+          hashFunction,
+        } = outputOptions;
         const hash = createHash(hashFunction);
 
+        if (hashSalt) {
+          hash.update(hashSalt);
+        }
+
+        hash.update(`${chunk.id} `);
+        hash.update(chunk.ids ? chunk.ids.join(',') : '');
+
         for (const m of chunk.modulesIterable) {
           if (m.type === MODULE_TYPE) {
             m.updateHash(hash);

test/cases/content-async-entries-with-same-import/expected/1.b4a632ef8b77c78ccb5c.css

@@ -0,0 +1,8 @@
+.a {
+  width: 100px;
+}
+
+.b {
+  width: 100px;
+}
+

test/cases/content-async-entries-with-same-import/expected/2.8f15db7aad5338851c84.css

@@ -0,0 +1,8 @@
+.b {
+  width: 100px;
+}
+
+.a {
+  width: 100px;
+}
+

test/cases/content-async-entries-with-same-import/index.js

@@ -0,0 +1,5 @@
+const app1 = import('./one');
+const app2 = import('./two');
+
+console.log(app1);
+console.log(app2);

test/cases/content-async-entries-with-same-import/one.js

@@ -0,0 +1,4 @@
+import './style1.css';
+import './style2.css';
+
+export default 'one';

test/cases/content-async-entries-with-same-import/style1.css

@@ -0,0 +1,3 @@
+.a {
+  width: 100px;
+}

test/cases/content-async-entries-with-same-import/style2.css

@@ -0,0 +1,3 @@
+.b {
+  width: 100px;
+}

test/cases/content-async-entries-with-same-import/two.js

@@ -0,0 +1,4 @@
+import './style2.css';
+import './style1.css';
+
+export default 'two';

test/cases/content-async-entries-with-same-import/webpack.config.js

@@ -0,0 +1,21 @@
+import Self from '../../../src';
+
+module.exports = {
+  entry: './index.js',
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        use: [Self.loader, 'css-loader'],
+      },
+    ],
+  },
+  output: {
+    filename: '[name].[contenthash].js',
+  },
+  plugins: [
+    new Self({
+      filename: '[name].[contenthash].css',
+    }),
+  ],
+};