如何在没有npm的情况下使用tailwindcss？

问题描述 投票：0回答：4

我刚刚开始前端开发，想使用框架来使其更简单。所以，我发现了 Tailwindcss。但是，tailwindcss 要求我的服务器具有 node.js 和 npm 才能安装它，但我无法真正在我的服务器上安装这些包。这就是为什么我想问你是否可以使用框架，如 Tailwindcss 或 React，而无需安装。后来我发现了一个名为“skypack”的网站，其中所有这些软件包都可以无需安装即可使用。现在，在我想要安装 Tailwindcss 的 HTML 文件中，我编写了以下内容：

    <!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <script type="module">
        import tailwindcss from 'https://cdn.skypack.dev/pin/[email protected]/mode=imports/optimized/tailwindcss.js';

    </script>
    <div class="bg-sky-400 aspect-square"><p>test paragraph</p></div>

  </body>
</html>

不幸的是，CSS 没有应用于该段落。是不是我导入错了？ skypack 真的有用吗？还有其他方法可以在没有 npm 的情况下实现框架吗？

谢谢！

tailwind-css web-frameworks
4个回答
3
投票

您可以使用顺风CDN

将以下行添加到 HTML 页面的 

<head></head>
标签中

<head>    
    <link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.0.2/tailwind.min.css" rel="stylesheet">
    <script src="https://cdn.tailwindcss.com"></script>
</head>
1
投票

Tailwind 其实在 2021 年底就发布了一个工具，叫做 

Standalone CLI
。您可以在这里下载（Tailwind 官方页面）。

您无需安装

npm

即可使用它，因为它是独立的可执行文件！

0
投票
出于开发和/或测试目的，您可以使用 tailwindcss 的“播放 CDN”选项。您可以在以下位置找到相关说明：

https://tailwindcss.com/docs/installation/play-cdn

对于生产用途，您真的需要遵循他们的说明：

https://tailwindcss.com/docs/installation

您可以在台式机/笔记本电脑上或

在本地进行开发的任何地方执行此操作，而不是在服务器上。然后运行 CLI 构建过程。该过程将生成您实际包含在 HTML 中的 CSS 文件。

您不需要在服务器上安装 Node.js 和 npm。您只需要在开发计算机上使用它，然后将生成的文件上传到您的服务器（或者在准备好生产时部署代码）。

免责声明：我不是使用 tailwindcss 甚至 Node.js 的专家，我是在手工编写 CSS/JS/HTML 多年之后才开始接触它的。

0
投票
您可以使用独立 CLI TailwindCSS 工具，您可以在

此链接中阅读更多相关信息。

基本上是 TailwindCSS NPM 包，但分布在

.exe

 文件中。

它是生产、开发和测试环境的最佳选择，与 CDN 分发不同，CDN 分发根本不是生产使用的最佳选择，仅建议在测试和开发环境中使用

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.