how to use plugin like 'babel-plugin-import'

[qianxuemin]

Describe the feature

how to use plugin like 'babel-plugin-import'

Babel plugin or link to the feature description

https://www.npmjs.com/package/babel-plugin-import

Additional context

No response

[kwonoj]

This issue has moved into discussions, as this is a question which gh discussion is prepared for.

[Austaras]

The only possible solution is to chain a babel before swc, and I'm still wondering why such a legacy plugin has such a common name.

[magic-akari]

I'm not surprised it uses such a common name, since they also have a GitHub organization named react-component.

[kdy1]

Ah, I was confused. I meant js plugin api of swc.

[hannadrehman]

We dont need really need this plugin if webpack treeshaking works as expected. but i have noticed our bundle sizes increases if i remove it. i am on a monorepo with hundreds of components and utilities this is sort of a must for us right now

[raulmarindev]

The only possible solution is to chain a babel before swc, and I'm still wondering why such a legacy plugin has such a common name.

I don't know what "chain a babel before swc" means. Please, could someone point me in the right direction?

[monako97]

Maybe you can try this, although it is a JS plugin swc-plugin-import-on-demand

[ankitchouhan1020]

Shameless plug. swc-plugin-transform-import does the similar thing. You can modify it according to your need. JS plugins are not the optimized for SWC but it does unblocks user to experiment with SWC.

[raulmarindev]

Has anyone been successful with this approach?

[ankitchouhan1020]

Hi @raulmarindev

You might want to check this. https://github.com/swc-project/plugins/tree/main/packages/transform-imports

[Brooooooklyn]

https://github.com/speedy-js/speedy-native/blob/main/crates/speedy-transform/src/web_transform/babel_import.rs

Here's one implementation

[monako97]

Maybe you can try this, although it is a JS plugin swc-plugin-import-on-demand