胖蔡说技术
随便扯扯

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

Tailwind CSS是用JavaScript编写的,并以npm包的形式分发,这意味着您必须始终安装Node.jsnpm才能使用它。

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

今天,我们宣布了一个新的独立CLI构建,它在一个独立的可执行文件中为您提供了Tailwind CLI的全部功能——不需要Node.jsnpm

开始

要安装它,请从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,请使用我们一直提供的CLInpm分布式版本。更新更简单,文件大小更小,而且无论如何你已经在生态系统中了——使用独立构建根本没有好处。

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

赞(0) 打赏
转载请附上原文出处链接:胖蔡叨叨叨 » 在没有nodejs情况下如何使用Tailwind CSS
分享到: 更多 (0)

请小编喝杯咖啡~

支付宝扫一扫打赏

微信扫一扫打赏