0.0.4 • Published 2 years ago
babel-plugin-inject-react-style v0.0.4
babel-plugin-inject-react-style
A babel plugin for inject css style into react jsx element!
Install
$ yarn add babel-plugin-inject-react-style
Usage
Add setting in .babelrc
:
{
"plugins": ["babel-plugin-inject-react-style"]
}
Example
in
export default function App(): JSX.Element {
return (
<div className="app red">app</div>
);
}
out
import cxLoader from 'babel-plugin-inject-react-style/dist/cx-loader.js';
import styles from './app.css';
const cx = cxLoader(styles);
export default function App(): JSX.Element {
return (
<div className={cx(["app", "red"])}>app</div>
);
}