Add support for integrity hashes when asset names contain a query string

Author: Kocal

CHANGELOG.md

@@ -8,6 +8,8 @@ This is a new major version that contains several backwards-compatibility breaks
 
 * #1344 Add options configuration callback to `Encore.enableReactPreset()` (@Kocal)
 
+* #1345 Add support for integrity hashes when asset names contain a query string (@Kocal)
+
 ### BC Breaks
 
 * #1321 Drop support of Node.js 19 and 21 (@Kocal)

lib/webpack/entry-points-plugin.js

@@ -95,13 +95,16 @@ class EntryPointsPlugin {
                 for (const entryName in manifest.entrypoints) {
                     for (const fileType in manifest.entrypoints[entryName]) {
                         for (const asset of manifest.entrypoints[entryName][fileType]) {
-                            if (asset in manifest.integrity) {
+                            // Drop query string if any
+                            let assetNormalized = asset.includes('?') ? asset.split('?')[0] : asset;
+
+                            if (assetNormalized in manifest.integrity) {
                                 continue;
                             }
 
-                            const filePath = path.resolve(
+                            let filePath = path.resolve(
                                 this.outputPath,
-                                asset.replace(this.publicPath, ''),
+                                assetNormalized.replace(this.publicPath, ''),
                             );
 
                             if (fs.existsSync(filePath)) {
@@ -115,7 +118,7 @@ class EntryPointsPlugin {
                                     fileHashes.push(`${algorithm}-${hash.digest('base64')}`);
                                 }
 
-                                manifest.integrity[asset] = fileHashes.join(' ');
+                                manifest.integrity[assetNormalized] = fileHashes.join(' ');
                             }
                         }
                     }

test/functional.js

@@ -3123,6 +3123,35 @@ module.exports = {
                     done();
                 });
             });
+
+            it('With query string versioning', (done) => {
+                const config = createWebpackConfig('web/build', 'dev');
+                config.addEntry('main', './js/no_require');
+                config.setPublicPath('/build');
+                config.addStyleEntry('styles', './css/h1_style.css');
+                config.enableVersioning(true);
+                config.configureFilenames({
+                    js: '[name].js?v=[contenthash:16]',
+                    css: '[name].css?v=[contenthash:16]'
+                });
+                config.enableIntegrityHashes();
+
+                testSetup.runWebpack(config, (webpackAssert) => {
+                    const integrityData = getIntegrityData(config);
+                    const expectedFilesWithHashes = [
+                        '/build/runtime.js',
+                        '/build/main.js',
+                        '/build/styles.css',
+                    ];
+
+                    expectedFilesWithHashes.forEach((file) => {
+                        expect(integrityData[file]).to.contain('sha384-');
+                        expect(integrityData[file]).to.have.length(71);
+                    });
+
+                    done();
+                });
+            });
         });
     });
 });