JSX.js wrapper for Rollup
$ npm install --save-dev rollup-plugin-jsx-js
import jsx from 'rollup-plugin-jsx-js';
export default {
dest: 'build/app.js',
entry: 'src/index.js',
sourceMap: true,
plugins: [
jsx({precise: true})
]
};
Type: boolean
Default: false
Should the source-mapping be precise?
Precise mappings map every single character, which allows your devtools to trace & pinpoint everything's exact location. With less precise mappings, devtools may only be able to identify the correct line. However, they're quicker to generate and less bulky.
In addition to precise
, you may want to define custom mappings for fuller control of your compiled JSX output.
The following functions are available to you: text
, element
, component
, props
, and stringify
.
// rollup.config.js
import jsx from 'rollup-plugin-jsx-js';
export default {
entry: '...',
plugins: [
jsx({
precise: true,
text: children => ({...}),
element: (type, props, children) => (...),
component: (type, props, children) => ({...}),
props: (key, value, props, node) => ({...}),
stringify: (type, props, children, nodeType) => ({...})
})
]
}
MIT © Luke Edwards