fix named-asset-import plugin to work with export-as syntax

[NShahri]

The following code doesn't work

export{ReactComponentasLogoIcon}from'./logo.svg';

But it will work:

import {ReactComponent as LogoIcon} from './logo.svg';
export {LogoIcon};

Sample Project:

https://github.com/NShahri/create-react-app-export-named-assets

Result:

ORIGINAL: When there is no change in the project which is created by CRA
https://github.com/NShahri/create-react-app-export-named-assets/blob/master/test-results/main.e0244443.chunk-original.js

CASE 1: Change to import {ReactComponent as LogoIcon} from './logo.svg'; {LogoIcon};
https://github.com/NShahri/create-react-app-export-named-assets/blob/master/test-results/main.35c51289.chunk-case-1.js

CASE 2: change to export {ReactComponent as LogoIcon} from './logo.svg';
https://github.com/NShahri/create-react-app-export-named-assets/blob/master/test-results/main.0cd4b7da.chunk-case-2.js#L32

CASE 2 with new named-assets-import plugin:
https://github.com/NShahri/create-react-app-export-named-assets/blob/master/test-results/main.92516e27.chunk-case-2-new-named-assets-plugin.js

Note

CASE 1 and CASE 2 with new named-assets-import plugin are identical.

[NShahri]

#4640

[NShahri]

Question:
I am not sure what kind of test I should implement for testing babel plugin, could you please point me to how at the moment this plugin is test.

[NShahri]

Also I added automation tests for this plugin in #5575. I will add tests for export as soon as it is final and has been merged

[iansu]

Thanks for this. Let's get #5575 merged first and then we can tackle this.

[iansu]

Now that #5575 is merged can you please update this branch with master and expand the tests to include the export as syntax?

[NShahri]

@iansu any luck to take a look at this.

[iansu]

I finally had a chance to test this locally on the weekend and it works as expected. I requested a few small changes to the PR. Once those are done I think this is ready to go.

[iansu]

Thanks!