While attempting to incorporate Rollup with React, I've come across an issue when Rollup encounters JSX.
Unexpected token... export default () => <p>M...
I've created a repository that triggers this error. Most of the documentation and examples I could find on using Rollup with React don't seem to be updated with the latest version of Babel, which makes me think it might be related to Babel.
rollup.config.js:
import resolve from 'rollup-plugin-node-resolve';
import commonjs from 'rollup-plugin-commonjs';
import babel from 'rollup-plugin-babel';
import pkg from './package.json';
export default [{
input: 'src/index.js',
output: {
name: 'index',
file: pkg.main,
format: 'umd'
},
plugins: [
resolve(),
commonjs(),
babel({
exclude: 'node_modules/**',
presets: ['@babel/env', '@babel/preset-react']
})
],
external: [
'react',
'prop-types',
],
globals: {
react: "React"
}
},
];
.babelrc:
{
"presets": [
["@babel/env", { "modules": false }], "@babel/preset-react"]
}