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

Adam Wathan

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

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

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


开始使用

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

# Example for macOS arm64curl -sLO https://github.com/tailwindlabs/tailwindcss/releases/latest/download/tailwindcss-macos-arm64chmod +x tailwindcss-macos-arm64mv 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

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

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 文件的唯一原因,那么这可能会感觉是一个更好的解决方案。

直接在您的收件箱中获取我们所有的更新。
注册我们的时事通讯。