Tailwind CSS 未构建

Question

我目前正在练习一些 tailwindcss 前端设计。我已经使用 npm 安装了它，并且没有收到任何错误。我为 tailwindcss 制作了构建脚本。当我运行构建 tailwindcss 的适当命令时，它不会将它输出到我设置为输出文件的 style.css 文件。我也没有收到任何错误。这是 package.json 文件的代码：

{
  "name": "design",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build:css": "tailwindcss build src/style.css -o dist/style.css"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "tailwindcss": "^1.3.4"
  }
}

Answer 1

您的命令中似乎缺少 npx，试试这个：

npx tailwindcss build src/style.css -o dist/style.css

https://tailwindcss.com/docs/installation/#4-process-your-css-with-tailwind

Answer 2

添加脚本的正确方法：-

"build": "npx tailwindcss build src/style.css -o dist/style.css"

Tailwind CSS 未构建

Tailwind CSS not building

html

css

tailwind-css