Linux command
tailwindcss 命令
文本
复制后可按需替换文件名、目录或参数。
常用示例
Build CSS from input file
tailwindcss -i [src/input.css] -o [dist/output.css]
Build and watch for changes
tailwindcss -i [src/input.css] -o [dist/output.css] --watch
Build with minification
tailwindcss -i [src/input.css] -o [dist/output.css] --minify
Initialize a configuration file
tailwindcss init
Initialize with full configuration
tailwindcss init --full
Build using npx
npx tailwindcss -i [src/input.css] -o [dist/output.css]
说明
Tailwind CSS is a utility-first CSS framework that generates optimized CSS by scanning source files for class usage. The CLI compiles Tailwind's utility classes into standard CSS. The build process scans template files (HTML, JSX, Vue, etc.) for Tailwind classes, generates only the CSS rules actually used, and outputs a production-ready stylesheet. The --watch flag enables live rebuilding during development. Input CSS files should contain Tailwind directives like @tailwind base, @tailwind components, and @tailwind utilities. Configuration is customized via tailwind.config.js.
参数
- -i _file_, --input _file_
- Input CSS file to process
- -o _file_, --output _file_
- Output file for compiled CSS
- -w, --watch
- Watch for changes and rebuild automatically
- -m, --minify
- Minify the output CSS
- -c _file_, --config _file_
- Path to tailwind.config.js file
- --content _paths_
- Content files to scan for class usage
- -h, --help
- Display help information
FAQ
What is the tailwindcss command used for?
Tailwind CSS is a utility-first CSS framework that generates optimized CSS by scanning source files for class usage. The CLI compiles Tailwind's utility classes into standard CSS. The build process scans template files (HTML, JSX, Vue, etc.) for Tailwind classes, generates only the CSS rules actually used, and outputs a production-ready stylesheet. The --watch flag enables live rebuilding during development. Input CSS files should contain Tailwind directives like @tailwind base, @tailwind components, and @tailwind utilities. Configuration is customized via tailwind.config.js.
How do I run a basic tailwindcss example?
Run `tailwindcss -i [src/input.css] -o [dist/output.css]` in a terminal, then adjust file names, paths, flags, or remote targets for your system.
What does -i _file_, --input _file_ do in tailwindcss?
Input CSS file to process