Bundle JSX

[Mobe91]

Does the bundler support bundling JSX and if yes, how?

The following does not work:

bundles": {
    "dist/app-build": {
      "includes": [
        "[**/*.jsx]"
      ]
    }
}

JSX files are not included in the bundle.

Using the text-plugin, I can get the files to be included in the bundle and also the file pointers are included in config.js. But then, SystemJS loads the files directly instead from the bundle.

bundles": {
    "dist/app-build": {
      "includes": [
        "[**/*.jsx!text]"
      ]
    }
}

[3cp]

Fyi, this bundler is largely out of maintenance as far as I know.

[Mobe91]

What should be used instead?

[3cp]

Aurelia cli has an option of builtin bundler if you don't want to use webpack.

For jsx support (you must have an interesting hybrid app), you can turn on babel plugin for jsx support, or typescript compiler option for jsx if you are using typescript.

[3cp]

If you just want to bundle jsx file as text module, without transpiling, webpack has raw-loader, also cli built-in bundler has option to add file extension to text plugin. You can go though their doc first.

[Mobe91]

Thanks for the pointers. I managed to use Babel within my JSPM/Typescript build to transpile JSX and bundle the resulting JS.