trying to bundle many frontends in a single webpack

rspack.many.js

module.exports = merge(rspackDevConfig, {
  entry: {
    main: './src/index.tsx',
    login: '../login/src/index.tsx',
    console: '../console/src/index.tsx',
  },
  devServer: {
    port: PORT,
    ...getOpen('/home'),
    ...getProxy(),
    historyApiFallback: {
      disableDotRule: true,
      rewrites: [
        { from: /^\/home\/.*$/, to: '/home/index.html' },
        { from: /^\/login\/.*$/, to: '/login/index.html' },
        { from: /^\/console\/.*$/, to: '/console/index.html' },
      ],
    },
  },
  watchOptions: getWebpackWatchOptions(getIgnoredEntrypoints('main')),
  plugins: [
    new rspack.HtmlRspackPlugin({
      template: path.join(cwd, './src/index.html'),
      publicPath: '/home',
      chunks: ['main'],
    }),
    new rspack.HtmlRspackPlugin({
      template: path.join(cwd, '../login/src/index.html'),
      publicPath: '/login',
      chunks: ['login'],
    }),
    new rspack.HtmlRspackPlugin({
      template: path.join(cwd, '../console/src/index.html'),
      publicPath: '/console',
      chunks: ['console'],
    }),
  ],
});