https://github.com/monajs/babel-plugin-react-css-modules

babel-plugin-react-css-modules
https://github.com/monajs/babel-plugin-react-css-modules

babel-plugin-react-css-modules react-css-modules

Last synced: 2 months ago
JSON representation

babel-plugin-react-css-modules

• Host: GitHub
• URL: https://github.com/monajs/babel-plugin-react-css-modules
• Owner: monajs
• License: mit
• Created: 2019-02-22T10:57:07.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-02T23:31:57.000Z (over 2 years ago)
• Last Synced: 2025-04-15T01:11:58.406Z (2 months ago)
• Topics: babel-plugin-react-css-modules, react-css-modules
• Language: JavaScript
• Homepage:
• Size: 388 KB
• Stars: 3
• Watchers: 1
• Forks: 2
• Open Issues: 7
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# babel-plugin-react-css-modules

✨✨ 一款非常实用的 react-css-modules 插件

[![npm](https://img.shields.io/npm/v/@monajs/babel-plugin-react-css-modules.svg?style=flat-square)](https://www.npmjs.com/package/@monajs/babel-plugin-react-css-modules) [![npm](https://img.shields.io/npm/dt/@monajs/babel-plugin-react-css-modules.svg?style=flat-square)](https://www.npmjs.com/package/@monajs/babel-plugin-react-css-modules)

## 背景

[babel插件之react-css-modules](https://github.com/func-star/blog/issues/29)

## 安装

```bash

$ npm i --save-dev @monajs/babel-plugin-react-css-modules

```

## 使用

### 字符串形式

```js

const a2 = (

	


		
{events.on}

	

)

```


### 数组形式

```js

const b1 = (

	


		
{events.on}

	

)


const b2 = (

	


		
{events.on}

	

)


const b3 = (

	


		
{events.on}

	

)

```


### json形式

```js

const c1 = (

	


		
{events.on}

	

)


const c2 = (

	


		
{events.on}

	

)


const c3 = (

	


		
{events.on}

	

)

```


## 使用注意点

* 插件只会处理 `string` 类型、`array` 类型、`json` 类型的 `CSS Modules` 转换，不会对模版字符串、字符串叠加计算等方式进行转换

## 联系我

> 微信：yx12032331