Question

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

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

Answer 1

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

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

有关 Tailwind CLI 的更多信息是 here

Answer 2

你可以试试下面的命令，

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

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

欲了解更多，请查看 tailwindcss 网站中的链接 - Using Tailwind CLI

使用 Tailwindcss 构建 CSS 不起作用

2 个答案: