Easy way to add displayname for react components.

[clijiac]

• Tried the https://github.com/runreflect/webpack-react-component-name but it seems use the parser-hook that rspack do not support now.
• Also there is a swc plugin for handle this https://github.com/hjkcai/swc-plugin-add-display-name . also swc plugin is not supported now.

For now I just use terser to minify to keep class name , but terser minify is quite slow
any easier workaround to support this?

new minifyPlugin({
      minifier: "terser",
      keep_classnames: true, // any classes are probably React Components anyway
      //keep_fnames: /[A-Z].+/,
  }),

[hyf0]

swc minfier also has the keepFnNames option. https://swc.rs/docs/configuration/minification

Rspack use swc as the builtin minfier but it seems rspack doesn't expose this option.

rspack/crates/node_binding/binding.d.ts

Line 708 in c5f1697

export interface RawMinification {

[clijiac]

Also tried this one, but seems using built in swc-loader with use swc minify
will generate a quite large size file main(init) js, in my case 12mb vs 5mb.
but this can works. thank you

[clijiac]

never mind , the size different is caused by devFriendlySplitChunks true. after change it is good now