1.4.3 • Published 3 years ago
clamp-tailwind v1.4.3
WARNING! Currently it overwrites source files, that's intentional. Make sure to save backups!
How it works:
Install the CLI tool from NPM registry:
npm i -g clamp-tailwindRun it providing path to directory that contains
.tsxsource files:clamp-tailwind path/to/directorySuch input source code:
// Button.tsx import type { FC } from 'react' const Button: FC = () => <div className='w-10 h-10 bg-red-900' /> export default ButtonWill result in such output:
// Button.tsx import styles from './Button.module.css' import type { FC } from 'react' const Button: FC = () => <div className={styles['div']} /> export default Button/* Button.module.css */ .div { @apply w-10 h-10 bg-red-900; }
Jest tests included:
npm test