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

Sku*_*her 6 web-frameworks tailwind-css

我刚刚开始前端开发,想使用框架来使其更简单。所以,我发现了 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/tailwindcss@v3.1.8-diwqGRTxzuOsx0Oh1GvI/mode=imports/optimized/tailwindcss.js';

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

  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

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

谢谢!

loo*_*bly 4

您可以使用顺风CDN

将以下行添加到<head></head>HTML 页面的标记中

<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>
Run Code Online (Sandbox Code Playgroud)