".jsx" extension instead of ".js"

[iagobruno]

How do I make the plugin also look for a ".jsx" file if there is no "js" file?

Example:

// Folder structure
components
├── Header
│   ├── Header.css
│   └── Header.jsx
├── Footer
│   └── Footer.jsx
└── ...

// Footer/Footer.jsx
import Header from '../Header'

I'm trying to use the "transformFn" option but to no avail. Can you help me?

[shaketbaby]

Need to tell Webpack to look for that extension. In the resolve settings, add jsx to extensions array

module.exports = {
  //...
  resolve: {
    extensions: ['.wasm', '.mjs', '.js', '.json', '.jsx']
  }
};

[iagobruno]

Thanks man!