jsx: `preserve` does not compile about plugins HOT 11 CLOSED

You do not need a Babel plugin, you need an acorn plugin, namely 'acorn-jsx'. This will make Rollup's parser acorn handle JSX tokens.

See https://rollupjs.org/guide/en/#acorninjectplugins which exactly describes your use-case.

from plugins.

@shellscape

from plugins.

I've solved the problem。
And added some Babel components
源码地址

from plugins.

I had the same problem，for vue tsx!

let SiderBox = class SiderBox extends Vue {
    render() {
       return (<div>haha</div>);
    }
};

from plugins.

Hey folks (this is a canned reply, but we mean it!). Thanks to everyone who participated in this issue. We're getting ready to move this plugin to a new home at https://github.com/rollup/plugins, and we have to do some spring cleaning of the issues to make that happen. We're going to close this one, but it doesn't mean that it's not still valid. We've got some time yet before the move while we resolve pending Pull Requests, so if this issue is still relevant, please @ me and I'll make sure it gets transferred to the new repo. 🍺

from plugins.

@zanona pleas try the solution posted by @bhabgs. Happy to reopen if that doesn't fit the bill.

from plugins.

Hi, @shellscape. Unfortunately I am not using babel.

from plugins.

Thanks @lukastaegert.
I just tested and it worked pretty well. Thanks.
Considering this, would it be sensible to say that the preserve option on this plugin would only work when using it the way you suggested? It may be worth documenting it perhaps?

from plugins.

Definitely worth a docs update as it may help others with a similar use-case, PR welcome!

from plugins.

Is Acorn a last step of this plugin or a part of Rollup? I think it's the latter, so then shouldn't this only be necessary if you want to preserve JSX in the final output, but not if you want another plugin (e.g. babel) to compile it instead? The current text seems to suggest it's always required when jsx is set to preserve, while all I'm trying to achieve is have the raw JSX run through babel macros, then convert it to regular JS.

from plugins.

[!] Error: Unexpected token (Note that you need plugins to import files that are not JavaScript)
packages/virtual-list/src/virtual-list.tsx

还是会有这样的情况发生，这是为什么？

from plugins.