Support import JSX from JS file

[n3tr]

Changes

• Support import JSX from JS file by adding JSX extension to @rollup/plugin-node-resolve plugin

Background

I have experience an error when importing .jsx file from .js file like

index.js -> A.jsx

will cause an error

Could not resolve './A' from src/index.js

However, Importing .jsx file from TypeScript file (.ts) file is seems working fine except the the import is chaining more than 3 levels depth.

index.ts -> A.jsx # This is fine
index.ts -> A.jsx  -> B.jsx # This is fine

index.ts -> A.jsx  -> B.jsx -> C.jsx 
# Error: Could not resolve './C' from src/jsx-components/B.jsx

To reproduce the issue

git clone -b import-jsx-error --single-branch [email protected]:n3tr/microbundle-example.git
cd microbundle-example

yarn

yarn build --jsx React.createElement ./src/index.js 
# or
yarn build --jsx React.createElement ./src/index.ts

---

I'm not really sure what is the root cause of the error, by adding extensions seems to fix the problem.

[ForsakenHarmony]

just kinda wondering if there could be problems with typescript, probably not because everything in node modules should already be compiled

[n3tr]

I just add jsx to the list of the default values, nothing should be different for TypeScript.
😄

[ForsakenHarmony]

bors r+

[bors]

Build succeeded

• continuous-integration/travis-ci/push

[ForsakenHarmony]

Thanks