Skip to content

dingziqi/babel-plugin-transform-classname-and

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

npm version tested with jest jest

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 b">
  <div className="b-c"></div>
</div>

About

a babel plugin to transform '&' in JSX's className

Topics

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors