[Bug]: transformImport did not import styles.

[TopGrd]

Version

System:
    OS: macOS 14.4.1
    CPU: (8) x64 Apple M1
    Memory: 26.24 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Browsers:
    Chrome: 123.0.6312.123
    Safari: 17.4.1
  npmPackages:
    @rsbuild/core: ^0.6.1 => 0.6.1 
    @rsbuild/plugin-react: ^0.6.1 => 0.6.1

Details

rsbuild.config.ts

import { defineConfig } from '@rsbuild/core';
import { pluginReact } from '@rsbuild/plugin-react';

export default defineConfig({
  source: {
    transformImport: [
      {
        libraryName: '@alifd/next',
        libraryDirectory: 'es',
        style: true,
      },
      {
        libraryName: '@formily/next',
        libraryDirectory: 'esm',
        style: true,
      },
    ],
  },
  plugins: [pluginReact()],
});

I used transformImport to configure modular import, but the styles were not imported on demand. As you can see, the input box below lacks styling.

Reproduce link

https://github.com/TopGrd/rsbuild-transformImport

Reproduce Steps

1. pnpm i
2. pnpm dev

[xc2]

https://github.com/alibaba/formily/blob/5f9411f415d1e50b0e2cc180fad4e9040d81cab0/packages/next/package.json#L17

the cause might be **/*/style.js is not matching esm/input/style.js by rspack's treeshaking implementation.

when i changed it to **/style.js, the styles are back.

will transfer the issue to rspack for help tomorrow.

[xc2]

webpack's implementation:

// https://npmjs.com/glob-to-regexp
const glob2regexp = require('glob-to-regexp');
const globToRegexp = (glob) => {
	if (!glob.includes("/")) {
		glob = `**/${glob}`;
	}
	const baseRegexp = glob2regexp(glob, { globstar: true, extended: true });
	const regexpSource = baseRegexp.source;
	const regexp = new RegExp("^(\\./)?" + regexpSource.slice(1));
	return regexp;
};

globToRegexp('**/*/style.js').test('esm/input/style.js'); // true
// the regexp is /^(\.\/)?((?:[^/]*(?:\/|$))*)([^/]*)\/style\.js$/

while glob-match: