'r' is not defined when building with Parcel.

This is a great effort, loving it so far.

Building with Parcel and trying to run it I get. Uncaught ReferenceError: r is not defined

As an ugly workaround I did like this:

import { r as a } from 'mobx-jsx'; const r = a;

And then it is defined in the scope. Any clues why rollup and parcel build output is different in this sense? Thanks.

[ryansolid]

Ok so the commonjs compiled version isn’t handling the named exports. Is it your intention (or Parcel’s) to for it to endup with commonjs require statements. I’m gathering this is because it’s being transpiled to ES5. Like for instance when I use Babel with webpack I set preset env with modules false to keep them as ES modules since webpack knows how to read them.

presets: [['@babel/preset-env', {modules: false}]]

Even with require I would have expected it to assign the r var right after since the code is indicating that it wants that symbol. I suppose it could just mangle it throughout the rest of the file and still be consistent.

If atleast it is coming out at _mobxJsx.r. Your other option is to pass an optional argument to the babel-plugin-jsx-dom-expressions where you can can change what it uses for r. For example:

plugins: [['jsx-dom-expressions', {moduleName: '_mobxJsx.r']]

[ryansolid]

Pursuing a similar issue in Solid https://github.com/ryansolid/solid/issues/20 I realized there was an issue in the babel plugin. This should be fixed now so you shouldn’t have to do any of the special hacks. The default options should just work.