在没有nodejs情况下如何使用Tailwind CSS

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工具一样使用它：

# 在根目录创建一个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文件中使用“require”来导入它们：

//  tailwind.config.js
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，请使用我们一直提供的CLI的npm分布式版本。更新更简单，文件大小更小，而且无论如何你已经在生态系统中了——使用独立构建根本没有好处。

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