独立 CLI:无需 Node.js 使用 Tailwind CSS

Adam Wathan

Tailwind CSS 使用 JavaScript 编写,并作为 npm 包分发,这意味着您一直需要安装 Node.js 和 npm 才能使用它。

这使得它更难集成到不常用 npm 的项目中,并且随着 Rails 和 Phoenix 等工具默认都在远离 npm,我们需要找到一种方法让人们在这些项目中使用 Tailwind,而无需强迫他们采用完全独立的工具生态系统。

今天,我们宣布推出新的独立 CLI 构建版本,它为您提供自包含可执行文件中 Tailwind CLI 的全部功能 — 无需 Node.js 或 npm。


开始使用

要安装它,请从 GitHub 上的最新版本中获取适用于您平台的可执行文件,并确保赋予它可执行权限

# Example for macOS arm64
curl -sLO https://github.com/tailwindlabs/tailwindcss/releases/latest/download/tailwindcss-macos-arm64
chmod +x tailwindcss-macos-arm64
mv tailwindcss-macos-arm64 tailwindcss

现在您可以像使用我们 npm 分发的 CLI 工具一样使用它

# Create a tailwind.config.js file
./tailwindcss init
# Start a watcher
./tailwindcss -i input.css -o output.css --watch
# Compile and minify your CSS for production
./tailwindcss -i input.css -o output.css --minify

我们甚至捆绑了所有第一方插件的最新版本,因此如果您想在项目中使用它们,只需像在基于 Node 的项目中一样在您的 tailwind.config.js 文件中 require 它们

module.exports = {
// ...
plugins: [require("@tailwindcss/forms"), require("@tailwindcss/typography")],
};

您可以在一个方便、可移植的软件包中获得我们标准 npm 分发的 CLI 的所有功能 — 无需任何依赖项。


它是如何工作的?

我们没有用 Rust 或其他语言重写 Tailwind(尚未...)— 我们实际上使用的是 pkg,这是 Vercel 的一个非常酷的项目,它允许您将 Node.js 项目转换为可执行文件,而无需安装 Node.js,方法是将您的项目所需的所有部分捆绑到可执行文件本身中。

这使您仍然可以使用具有 JavaScript 全部功能的 tailwind.config.js 文件,而不是像 JSON 这样的静态格式。


我应该使用哪个 CLI?

如果您已经在项目中使用 npm,请使用我们一直提供的 npm 分发版本的 CLI。它更易于更新,文件大小更小,而且您已经身处该生态系统中 — 使用独立构建没有任何好处。

另一方面,如果您正在处理一个您不需要 Node.js 或 npm 的项目,那么独立构建可能是一个不错的选择。如果 Tailwind 是您拥有 package.json 文件的唯一原因,那么这可能会感觉是一个更好的解决方案。

直接将我们的所有更新发送到您的 收件箱。
注册我们的新闻通讯。

Copyright © 2025 Tailwind Labs Inc.·商标政策