如何在不依赖Node.js的情况下使用tailwindcss进行开发
众所周知，在当下的现代前端开发中，Node.js基本上已经成为了不可或缺的工具，无论是使用React还是Vue，或者使用其他的框架进行开发，都要依赖Node.js开发环境，但是对于没有用到Node.js的老项目，或者不想使用现代前端框架的项目，仍然i需要使用普通Javascript进行开发。幸运的是，一些好用的框架除了提供依赖Node.js的版本外，也提供了不依赖Node.js的独立版本。在这篇文章中，我们主要来看一下如何在不依赖Node.js的情况下使用tailwindcss这个著名的css框架进行前端开发。 注意，在写下本篇文章的时候，我使用的是tailwindcss V4.2版本，对于之前的V3版本，使用方式可能略有不同，这里只针对V4.2版本。 Tailwindcss这个名字相信大家已经毫不陌生了，许多前端框架内置推荐的css框架就是它，同时也是大模型最钟爱的前端框架之一，在大模型的加持下，不用半天就可以开发出精美的前端界面。在互联网上并不缺乏对于这个框架的详细介绍，在这里我就不赘述了，让我们直接进入正题。 Tailwindcss提供了两种不依赖Node.js的使用方式，一种是通过CDN链接直接在HTML文件中引入，这种方式用起来最方便，但是文档中写道： Use the Play CDN to try Tailwind right in the browser without any build step. The Play CDN is designed for development purposes only, and is not intended for production. 翻译过来也就是说这种使用方式只适合开发，不适合用于正式的生产环境，一般情况下，可以使用这种方式进行开发，而在生产环境中使用第二种方式部署。 第二种方式是通过安装一个叫做 tailwindcss CLI的程序来使用，方法也比较简单，下面我们主要介绍一下这种使用方式。 注意：在Node.js环境下也可以通过npm安装来使用这种方式，直接 npm install tailwindcss @tailwindcss/cli即可，这里就不多说啦。 首先我们要在tailwindcss的官方仓库下载我们需要的版本： https://github.com/tailwindlabs...