[Feature]: Support publicPath: auto in asset module

[SoonIter]

What problem does this feature solve?

https://github.com/SoonIter/rspack-asset-module-publicPath-auto

input

// src/index.ts
import x from './assets/react.svg';

expected output

rspack-dist/index.js
rspack-dist/static/svg/react.svg

module.exports = "./static/svg/react.svg";

actual output

rspack-dist/index.js
rspack-dist/static/svg/react.svg

module.exports = "../../static/svg/react.svg";

webpack output

module.exports = "autostatic/svg/react.svg";

😂 This feature is not supported in Webpack currently

What does the proposed API of configuration look like?

module: {
    generator: {
      asset: {
        publicPath: 'auto'
      }
    },
    rules: [
      {
        test: /\.svg$/,
        type: 'asset',
      },
    ]
}

[SoonIter]

I'm not very clear whether we need to enforce relative path in css, but it works in Rsbuild

Input

// index.css
.a {
  background: url('./assets/react.svg');
}

experimental: css output

.a {
  background: url(static/svg/react.svg);
}

css-extract-rspack-plugin

.a {
  background: url(static/svg/react.svg);
}