React JSX Support

Poops now supports bundling .jsx and .tsx React files out of the box. Powered by esbuild, you can bundle React components with zero extra configuration.

What's new?

JSX and TSX files are now first-class citizens in Poops. Since esbuild handles JSX natively, all you need to do is point your entry to a .jsx or .tsx file and Poops takes care of the rest.

Demo →

Example configuration

{
  "scripts": [
    {
      "in": "src/js/react-app.jsx",
      "out": "dist/js/react-app.js",
      "options": {
        "minify": true,
        "format": "iife"
      }
    }
  ]
}

Advanced JSX options

You can pass any esbuild JSX option through the options object. For example, to use React's automatic JSX runtime:

{
  "options": {
    "jsx": "automatic"
  }
}

React APP example 👇

---