not-tailwind

Shorten those long TailwindCSS classes

This is your HTML in development:

  <div class="text-red-600 px-2 bg-green-200 md:text-md lg:text-lg xl:text-xl custom-font dark:text-green-200 dark:bg-red-500">
    Hello World
  </div>

And here is in production:

  <div class="c b a g h i custom-font f d">
    Hello World
  </div>

Usage: not-tailwind

Options:
  -r, --run <RUN>...          Build for production. Specify in which files to search
      --build-ts-map          Build TypeScript map
  -o, --output <OUTPUT>       Specify output directory(default directory is not-tailwind). Make sure it is in .gitignore
  -i, --ignored <IGNORED>...  CSS files to ignore
  -h, --help                  Print help
  -V, --version               Print version

not-tailwind --build-ts-map --run html ts j2 --ignored ./public/main.css

Dependencies:

• lightningcss

• lol-html

Installation

cargo install --path=. --force