Inlining specific JS files into HTML when the JS files are content hashes?

[sbhbenjamin]

Context

Hello everyone!

I’m trying to inline a small JS file using output.inlineScripts, and I’m a bit stuck on how to reliably target it once filenames are fully hashed.

From the docs, I understand that we can use output.inlineScripts with a RegExp or a function, e.g.:

output: {
  inlineScripts({ name }) {
    return /webapp-inline\.\w+\.js$/.test(name);
  },
},

This works fine as long as the emitted filename still contains the entry name (e.g. resource/js/webapp-inline.809d8882.js).

However, when I configure my build so that most JS files are emitted as hash-only filenames (e.g. resource/js/623bbadf790b6998.js), only the main entry keeps a readable name, and the extra entry I want to inline (webapp-inline) no longer has webapp-inline in the final filename. At that point, my inlineScripts regex can’t “see” it anymore, since the { name } passed to inlineScripts is just the hashed filename.

What I have tried

Based on this discussion:
web-infra-dev/rsbuild#2290

I tried adding a separate entry and using dependOn:

export default defineConfig({
  source: {
    entry: {
      [PATHNAME.WEB.HOME]: {
        import: 'src/pages/home/index.tsx',
        dependOn: 'webapp-inline',
      },
      'webapp-inline': {
        html: false,
        import: './src/common/prefetch/webapp-inline.js',
      },
    },
  },
  output: {
    inlineScripts({ name }) {
      // looks like "resource/js/623bbadf790b6998.js"
      return /webapp-inline\.\w+\.js$/.test(name);
    },
  },
});

But with this setup the webapp-inline chunk isn't present as part of the dependencies for home/index.html, so it can't be inlined.

Question

My questions:

1. Is there a recommended way in Rsbuild/Rspack to inline the JS for a specific entry (like webapp-inline) when filenames are fully hashed?
2. Is it possible for inlineScripts to know which entry a file belongs to (e.g. via entryName or chunk info), or should I instead be using html.templateParameters / @rspack/plugin-html to look up assets by entry name and inline them from the HTML template?

Any guidance or examples for this scenario would be greatly appreciated. Thank you!