[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";

😭 the auto public path is based on static/svg/react.svg not index.js

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]

Input

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

experimental: css output😎

├── index.css
├── index.js
└── static/svg
    └── react.svg

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

css-extract-rspack-plugin output 😭

├── index.css
├── index.js
└── static/svg
    └── react.svg

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

[stale]

This issue has been automatically marked as stale because it has not had recent activity. If this issue is still affecting you, please leave any comment (for example, "bump"). We are sorry that we haven't been able to prioritize it yet. If you have any new additional information, please include it with your comment!

[SoonIter]

Through the implementation of importMode, if you want to use this feature in the real world, reopen it