使用 Tailwindcss 构建 CSS 不起作用答案

【问题标题】：Building CSS with Tailwindcss not working使用 Tailwindcss 构建 CSS 不起作用
【发布时间】：2021-09-04 08:01:00
【问题描述】：

我对 Tailwind 和 CSS 很陌生，我正在尝试构建这个 CSS 文件：

@tailwind base;
@tailwind components;
@tailwind utilities;

.btn{
    @apply rounded-full py-2 px-3 uppercase text-xs font-bold cursor-pointer tracking-wider
}

使用这个命令

npm run build-css

但我得到了这个回应

> course@1.0.0 build-css C:\Users\user\Tailwind\project
> tailwindcss build src/styles.css -o public/styles.css

[deprecation] Running tailwindcss without -i, please provide an input file.

Done in 3220ms.

然后什么也没有发生。如何指定输入文件？

【问题讨论】：

标签： css visual-studio-code tailwind-css

【解决方案1】：

正如错误所说，您需要提供带有-i 标志的输入文件。将package.json 中的脚本更改为此

tailwindcss -i src/styles.css -o public/styles.css

有关 Tailwind CLI 的更多信息是here

【讨论】：

【解决方案2】：

你可以试试下面的命令，

npx tailwindcss -i ./src/tailwind.css -o ./dist/tailwind.css

-i 之后的文件是您提取自定义 css 组件的源 css 文件，-o 是您想要最终构建文件的位置。

更多信息，请查看tailwindcss网站中的链接-Using Tailwind CLI

【讨论】：