[Feature Request]: Babel plugin to transform imports to subpackage imports

Summary

Asking for development of a babel plugin which would transform standard Carbon imports into subpackage imports.

Justification

This would provide the best possible DX, since developers wouldn’t have to worry about identifying the right way to do a subpackage import, which presently is not obvious.

This would also solve https://github.com/carbon-design-system/carbon/issues/9540, since Typescript would work on the main namespace import.

Desired UX and success metrics

No response

Required functionality

The plugin should transform standard imports like

import { Button } from 'carbon-components-react';

into subpackage imports like

import Button from 'carbon-components-react/lib/components/Button';

or

import Button from 'carbon-components-react/es/components/Button';

Where a configuration option specifies whether to use lib or es (or any other option).

Specific timeline issues / requests

No response

Available extra resources

No response

Code of Conduct

• I agree to follow this project’s Code of Conduct

[brandones]

Yes, it appears that this app has an import from carbon-components-react/lib. Thanks for your help!

[joshblack]

@brandones typically when all of the icons are included, there is a CommonJS import somewhere in the code. Here is a comment where we touched on this briefly: https://github.com/carbon-design-system/carbon/issues/6602#issuecomment-729207760

Hope this helps!