2.5.0 • Published 4 years ago
@monajs/babel-plugin-react-css-modules v2.5.0
babel-plugin-react-css-modules
✨✨ 一款非常实用的 react-css-modules 插件
背景
安装
$ npm i --save-dev @monajs/babel-plugin-react-css-modules
使用
字符串形式
const a2 = (
<div className='ssss fds ss'>
<div>{events.on}</div>
</div>
)
数组形式
const b1 = (
<div className={['aaa', 'bbb', 'ccc ddd']}>
<div>{events.on}</div>
</div>
)
const b2 = (
<div className={['aaa', bbb, { 'bbb': this.isShow, ccc: true, 'ddd': false }]}>
<div>{events.on}</div>
</div>
)
const b3 = (
<div className={[this.classname(), { 'fd-ssss-fdfdfd': true }, 'sss-dd-dd']}>
<div>{events.on}</div>
</div>
)
json形式
const c1 = (
<div className={{ 'aaa': true }}>
<div>{events.on}</div>
</div>
)
const c2 = (
<div className={{ 'aaa': true, bbb: events }}>
<div>{events.on}</div>
</div>
)
const c3 = (
<div className={{ 'aaa': true, bbb: this.ctrl.isShow, 'ccc': this.showClassname() }}>
<div>{events.on}</div>
</div>
)
使用注意点
- 插件只会处理
string
类型、array
类型、json
类型的CSS Modules
转换,不会对模版字符串、字符串叠加计算等方式进行转换
联系我
微信:yx12032331
2.5.0
4 years ago
2.4.1
5 years ago
2.4.0
5 years ago
2.3.0
5 years ago
2.2.0
5 years ago
2.1.0
5 years ago
2.0.0
5 years ago
1.1.7
5 years ago
1.1.6
5 years ago
1.1.5
5 years ago
1.1.4
5 years ago
1.1.3
5 years ago
1.1.2
5 years ago
1.1.1
5 years ago
1.1.0
5 years ago
1.0.0
5 years ago
0.11.0
5 years ago
0.10.1
5 years ago
0.10.0
5 years ago
0.9.1
5 years ago
0.9.0
5 years ago
0.8.0
5 years ago
0.7.0
5 years ago
0.6.0
5 years ago
0.4.0
5 years ago
0.3.0
5 years ago
0.2.0
5 years ago
0.1.0
5 years ago