Question

我尝试学习作为 nuxt.js 的 UI 组件的 tailwindCss。现在，我只是在简单的 index.html 和 style.css 中制作小样本。

我试图在我的样式.css。

.btn {
  @apply shadow-md py-3 px-6 rounded-md transition duration-300;
}

我想使用这种风格作为全局和将此文件从 src/style.css 构建到 public/style.css。

所以我改变了 package.json 的脚本，如下所示。

"scripts": {
    "build:tailwinds": "npx tailwindcss build src/style.css -o public/style.css"
  },

在 VSCode 的终端中（我一直在使用 bash 命令），像这样的命令

npm run build:tailwinds

但是一直在终端中像下面这样构建。

↓输出

> npx tailwindcss build src/style.css -o public/style.css

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

那么我应该像上面的消息那样提供什么样的文件？我还制作了 tailwind.config.js 来自定义。它工作了。但只有 style.css 不起作用。我真的不明白为什么构建似乎失败了。有没有人给我建议？