独立命令行工具:无需 Node.js 即可使用 Tailwind CSS

Adam Wathan

Tailwind CSS 是用 JavaScript 编写并以 npm 包形式发布的,这意味着你一直需要安装 Node.js 和 npm 才能使用它。

由于在某些项目中使用 npm 并不常见,这使得集成变得更加困难。随着 RailsPhoenix 等工具默认不再使用 npm,我们需要找到一种方法,让用户在这些项目中使用 Tailwind 而不必强制他们采用一整套独立的工具链。

今天我们宣布推出新的 独立命令行工具,让你可以在一个独立的可执行文件中使用完整的 Tailwind CLI 功能 — 无需安装 Node.js 或 npm。


开始使用

要安装它,从 GitHub 上的最新发布版本中下载适合你平台的可执行文件,并确保给予执行权限:

# macOS arm64 示例curl -sLO https://github.com/tailwindlabs/tailwindcss/releases/latest/download/tailwindcss-macos-arm64chmod +x tailwindcss-macos-arm64mv tailwindcss-macos-arm64 tailwindcss

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

# 创建 tailwind.config.js 文件./tailwindcss init# 启动监听器./tailwindcss -i input.css -o output.css --watch# 编译并压缩用于生产环境的 CSS./tailwindcss -i input.css -o output.css --minify

我们甚至打包了所有第一方插件的最新版本,所以如果你想在项目中使用它们,只需在 tailwind.config.js 文件中像在基于 Node 的项目中一样 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 文件的唯一原因,这可能会是一个更好的解决方案。

Get all of our updates directly to your inbox.
Sign up for our newsletter.