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 的情况下实现框架吗?
谢谢!
将以下行添加到<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)
| 归档时间: |
|
| 查看次数: |
9575 次 |
| 最近记录: |