最简单的使用tailwind4的方式-TAILWINDCSS生成器二进制程序

Posted 2026-01-05 by backup@lfo.cc; tagged with none

Tailwind CSS

tailwindcss是一个需要编译，仅输出项目中使用的部分的css项目。
如果不想因此安装npm或者npx，那么有一个最简单的在项目中使用tailwindcss的方法：
使用tailwindcss生成器程序,在GITHUB上即可下载：
https://github.com/tailwindlabs/tailwindcss/releases

如何使用

首先，我们要在你的{static/css}目录，生成一个入口css文件input.css

/* tailwind css v4.1.18 生成器入口文件 */
/* 监听命令 */
/* tailwindcss-windows-x64.exe -i ./static/css/input.css -o ./static/css/tailwind4.css --watch */
/* static/src/input.css */
@import "tailwindcss";

然后我们运行监听命令：

tailwindcss-windows-x64.exe -i ./static/css/input.css -o ./static/css/tailwind4.css -w

然后就可以在我们的项目中引入static/css/tailwind4.css
当项目中引用TAILWINDCSS时，生成器会自动编译生成static/css/tailwind4.css