A Rust clone targeting Tailwind CSS v4.1 behavior.
ironframe là một dự án phần mềm nguồn mở (OSS) sẵn sàng cho môi trường sản xuất viết bằng Rust, hướng tới tính tương thích cao với hành vi và đầu ra của Tailwind CSS v4.1. Các mô-đun quét (scanner), tạo mã (generator), cấu hình (config) và giao diện dòng lệnh (CLI) được tách biệt để các nhóm có thể đo lường hiệu suất (benchmark), xác thực và phát hành sản phẩm trong một luồng CI/CD không phụ thuộc vào Node.js.
JIT Build Loop
các lệnh scan/build/watch hỗ trợ biên dịch một lần (one-shot build), chế độ theo dõi (watch mode), bỏ qua các mẫu glob (ignore globs), thu nhỏ đầu ra (minify) và xác thực so sánh CSS (compare-css) phục vụ công tác chuyển đổi hệ thống.
Tailwind-style Input
Hỗ trợ @import "tailwindcss", các mẫu bao gồm/loại trừ/nội tuyến @source, @apply, tách lệnh import và các hàm tại thời điểm build như --spacing() và --alpha().
Modular Rust Design
các thành phần core/scanner/generator/config hoạt động độc lập, giúp việc phân tích hiệu suất (profiling), kiểm tra tính tương thích và mở rộng gia tăng trở nên dễ dàng.
Quy trình thiết lập và xác thực
Bắt đầu với cargo install hoặc cargo run, sau đó áp dụng scan/build/watch theo từng giai đoạn. Trong quá trình chuyển đổi (migration), hãy sử dụng --compare-css để đối chiếu với kết quả tham chiếu của bạn và khóa hành vi bằng ironframe.toml.
Setup
cargo install --path .
Ví dụ CLI
# 1) Chạy không cần cài đặt
cargo run -- scan "src/**/*.{html,tsx}"
# 2) Build một lần
ironframe build --output dist/tailwind.css "src/**/*.{html,tsx}"
# 3) Build với CSS mẫu và cấu hình
ironframe build -i src/app.css -c ironframe.toml -o dist/app.css "src/**/*.{html,tsx}"
# 4) So sánh đầu ra với CSS tham chiếu
ironframe build -i src/app.css -o dist/app.css --compare-css dist/app.tailwind.css "src/**/*.{html,tsx}"
# 5) Chế độ theo dõi (watch) với thăm dò (polling)
ironframe watch --poll --poll-interval 250 -o dist/app.css "src/**/*.{html,tsx}"
Important Note
ironframe is a learning/prototyping implementation targeting Tailwind CSS v4.1-equivalent behavior Xác thực CSS được tạo so với kết quả hiện tại của bạn và thêm các kiểm tra hồi quy trong CI trước khi triển khai chính thức.
Previous
Danh sách OSS