babel-plugin-transform-rebem-jsx


Babel plugin allowing you to use BEM props for composing classNames in JSX like in reBEM.

Install

``sh
$ npm i -S babel-plugin-transform-rebem-jsx
`

$3

`js
{
"plugins": ["transform-rebem-jsx"]
}
`

Usage

`js


`

`html


`

Notes

$3

process.env.NODE_ENV must be available. For example in webpack you can do this with DefinePlugin:

`js
plugins: [
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: JSON.stringify(process.env.NODE_ENV)
}
})
]
`

$3

Default delimeters are _ for modifiers and __ for elements, but you can change it with special environment variables:

`js
plugins: [
new webpack.DefinePlugin({
'process.env': {
REBEM_MOD_DELIM: JSON.stringify('--'),
REBEM_ELEM_DELIM: JSON.stringify('~~')
}
})
]
``

$3

- [x] docs
- [x] move tasks to start-runner
- [x] actual tests
- [ ] more tests