0.0.4 • Published 5 years ago
babel-plugin-transform-classname-and v0.0.4
babel-plugin-transform-classname-and
一个用于转换 JSX 元素 className 属性的 & 符的 babel 插件。& 的规则类似预编译样式语言(如,Less)中的一致。
用法
这个插件支持将 jsx
片段中的 &
符像 Less
一样转换成父类名。例如:
<div className="a">
<div className="&-b"></div>
</div>
<div className="a">
<div className="a-b"></div>
</div>
并且可以支持使用 &[n]
的格式来选择使用某个特定的父类名(默认是第一个,n
从 0 开始):
<div className="a b">
<div className="&[1]-c"></div>
</div>
<div className="a">
<div className="b-c"></div>
</div>