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

Question

如何在离线状态下编译并使用 tailwind css？例如，拥有完整的顺风 css 并将其清除为我的网站所需的内容，就像正常情况一样，但无法访问互联网。

我在顺风方面绝对没有经验，所以我首先尝试获取完整的CSS文件，但我什至无法做到这一点。我尝试使用这些终端命令：

npm install tailwindcss

npx tailwindcss init

npx tailwindcss build styles.css -o output.css

这给了我一个部分文件，因为 styles.css 包含：

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

Answer 1

您应该访问此链接

https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css

然后

Ctrl + s

以名称

tailwindmain.css

保存页面内容 并将其保存在您的

public/css

目录

中

要在刀片顶部或布局中使用它，您应该这样做

<link rel="stylesheet" href="{{asset('css/tailwindmain.css')}}">

这就是完美的工作 inshaala ，你应该可以走了。