1.5.14 • Published 6 years ago
babel-plugin-transform-bem-jsx v1.5.14
babel-plugin-transform-bem-jsx
Transform BEM attributes (b,e,m) into concatenated classNames or inline styles!
This plugin is designed to use with Babel 6.
Modes
- Class Names Before/After Instalation Usage
- Inline Styles Before/After — Instalation — Usage
Class Names
This is the common mode of this plugin — just for classnames concatenation by BEM attributes.
class Map {
render() {
const {
countries,
points,
} = this.props;
const countryNode = (
<div e='country' />
);
const countriesNodes = countries
.map((country) => (
<div e='country'>
{countryNode}
</div>
));
return (
<div b='Map'>
<div e='countries'>
{countriesNodes}
</div>
<div e='points'>
{points.map((point) => {
const flagNode = (
<div e='flag' />
);
return (
<div e='point'>
{flagNode}
{
point.name
?
<span e='name'>
{point.name}
</span>
:
null
}
</div>
)
})}
</div>
</div>
)
}
}
For classNames
Install plugin and save it to the devDependencies
:
npm install --save-dev babel-plugin-transform-bem-jsx
Via NPM
Inline Styles
1.5.14
6 years ago
1.5.13
6 years ago
1.5.12
6 years ago
1.5.11
6 years ago
1.5.10
6 years ago
1.5.9
6 years ago
1.5.8
6 years ago
1.5.7
8 years ago
1.5.6
8 years ago
1.5.0
8 years ago
1.4.2
8 years ago
1.4.1
8 years ago
1.4.0
8 years ago
1.3.1
8 years ago
1.3.0
8 years ago
1.2.1
8 years ago
1.2.0
8 years ago
1.1.1
8 years ago
1.1.0
8 years ago
1.0.8
8 years ago
1.0.7
8 years ago
1.0.6
8 years ago
1.0.4
8 years ago
1.0.3
8 years ago
1.0.2
8 years ago
1.0.1
8 years ago