小编Mos*_*man的帖子

每次我向index.html文件添加新类时，我都需要output.css手动重建文件。

package.json 文件：

{
  "name": "tailwind-practice",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "npx tailwindcss --watch -i ./input.css -o ./output.css"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "tailwindcss": "^3.1.7"
  }
}

tailwind.config.js 文件：

/** @type {import('tailwindcss').Config} */
module.exports = {
  screens: {
    'sm': '480px',
    'md': '768px',
    'lg': '1440px',
  },
  content: ['./index.html'],
  theme: {
    extend: {},
  },
  plugins: [],
}

我应该运行npm run build一次，每次保存 html 文件时，tailwind 都应该将我的新类添加到output.css. 但事实并非如此。保存后我检查了文件index.html，但在那里找不到我的新课程。但 …