[Bug]: How to use static resources in HTML

[kailong321200875]

System Info

System:
OS: macOS 10.15.7
CPU: (8) x64 Intel(R) Core(TM) i7-4870HQ CPU @ 2.50GHz
Memory: 1.24 GB / 16.00 GB
Shell: 5.7.1 - /bin/zsh
Binaries:
Node: 18.18.0 - ~/.volta/tools/image/node/18.18.0/bin/node
Yarn: 1.22.18 - ~/.volta/bin/yarn
npm: 9.8.1 - ~/.volta/tools/image/node/18.18.0/bin/npm
pnpm: 9.6.0 - ~/.volta/bin/pnpm
Browsers:
Chrome: 128.0.6613.138
Safari: 15.6.1
npmPackages:
@rspack/cli: ^1.1.8 => 1.1.8
@rspack/core: ^1.1.8 => 1.1.8

Details

The same configuration can run perfectly in webpack 5, but it is always ineffective in rspack

webpack5:

rspack:

After testing, use html-webpack-plugin instead of rspack Is there a problem with the implementation of rspack.HtmlRspackPlugin as it can display normally?

Reproduce link

https://github.com/kailong321200875/rspack-html-cli

Reproduce Steps

npm run dev

[LingyuCoder]

Currently, the HtmlRspackPlugin does not recognize the resolve.alias in the rspack.config.js file, because Rspack will not start a child compiler to process the html file. You need to manually copy the image resources to the output.path directory through the CopyRspackPlugin.

And also, you can use html-webpack-plugin directly, it works well with Rspack.