首页 > 解决方案 > 使用 Tailwindcss 构建 CSS 不起作用

问题描述

我对 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.

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

标签: cssvisual-studio-codetailwind-css

解决方案


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

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

有关 Tailwind CLI 的更多信息,请点击此处


推荐阅读