css-knife

缩短那些长的 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>

这是生产环境中的样子

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

配置（css-knife.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