我正在尝试安装 Tailwind 来练习一些基本知识，以了解该框架的工作原理。 我遵循了框架的创建者 Adam Wathan 提供的每一步，在运行时我遇到命令行错误:您必须传递一个有效的文件列表来解析。 我在定义顺风自定义标记时也遇到了错误
@tailwind base;
@tailwind components;
@tailwind utilities;
首先它在@tailwind 规则中说未知，然后在安装 stylelint 并遵循@hasusuf 回答之后
出现另一个错误!
同样的命令错误仍然存在。
有什么帮助吗？
最佳答案
今天我尝试以最基本的方式安装 Tailwind，它成功了。我从 https://tailwindcss.com/docs/installation/ 中获取了大部分信息但如果您没有使用构建工具的经验，您可能会在最后一部分迷失方向。
步骤如下:
1。创建 index.html 和 styles.css 文件
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link href="output.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="flex container mx-auto justify-center">
<button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded mt-8">
Button
</button>
</div>
</body>
</html>
请注意，link 标记指向 output.css 而不是 styles.css(稍后我们将了解原因) .
样式.css
@tailwind base;
@tailwind components;
@tailwind utilities;
2。从命令行初始化 npm 并选择默认配置
npm init -y 或 npm init 并回答所有问题。
3。从命令行安装 Tailwind
npm 安装 tailwindcss
4。初始化基本的 Tailwind 配置
npx tailwindcss 初始化
5。建立你的CSS文件
npx tailwindcss build styles.css -o output.css
此处您在styles.css 中编写的代码将在output.css 中输出。
6。你完成了
从浏览器打开 index.html 并编辑 html 或 css 文件。请注意，您对 css 文件所做的每项更改都需要一个新的构建(#5)。
这不是更好的配置，但它是一个开始。
关于postcss - 运行顺风/postcss，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/62183555/