Modularize JSX

A tool to convert your classNames into modular css in your JSX/TSX file.

Installation

Install with npm:

$ npm install modularize-jsx

Usage

You can simply run this command to modularize your JSX/TSX

$ npx modularize-jsx

Example

$ npx modularize-jsx Component.jsx component.module.css

Convert this

``
// Component.jsx

function Component () {
return
<>

Hello world!

}
`

`
// component.module.css

.div-container {
color: #eee;
}
.p-container{
color: #333;
}
`

to this

`
// Component.jsx
import componentStyles from "component.module.css"; // auto-imported

function Component() {
return
<>

Hello world!

}

``

License

MIT