Tailwind CSS 未构建

Question

我目前正在练习一些 tailwindcss 前端设计。 我已经使用 npm 安装了它，我没有收到任何错误。 我为tailwindcss制作了构建脚本。 当我运行适当的命令来构建 tailwindcss 时，它不会 output 到我设置为style.css文件的 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"