not-tailwind

缩短那些长的TailwindCSS类

这是您的开发中的HTML

  <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>

这是生产环境中的HTML

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

配置(not-tailwind.toml)

html_dir = ["web/src/templates"]
css_dir = ["web/src/css"]
js_dir = ["web/src/js"]
assets_dir = ["web/src/svg"]
output_dir = "prod"

依赖项

• lightningcss

• lol-html

安装

cargo install --path=. --force