我正在尝试了解

Question

的内容属性正在向HTML模板的./src文件夹中查看，对吗？

module.exports = {
  
  content: ["./src/**/*.{html,js}"],

  theme: {
    fontFamily: {
      sans: ["Graphik", "sans-serif"],
    },
    extend: {
      colors: {
        midnight: "#121063",
      },
    },
  },
  plugins: [],
}

出于某种原因，它也读取/检测根中的文件（SRC文件夹之外），是否有任何理由？谢谢 项目构成

node_modules
index.html
package.json
tailwind.config.js
postcss.config
vite.config
src/
   css/
   js/

我看到您已经在使用PostCSS。在这里，您定义输入CSS文件和输出文件。 TailWindCSS配置文件配置其他内容。例如，命令类似：npm run构建您构建应用程序。在这里，配置文件提供有关该怎么做的说明。

当然，您在index.html！

中使用输出CSS 您还可以使用npx命令构建parwindcss输出文件。

npx tailwindcss -c ./tailwindcss-config.js -i input.css -o output.css

tailwind CSS通过扫描所有HTML，JavaScript和任何其他模板文件来工作，然后为这些样式生成所有相应的CSS。

Answer 1

使用

./src/**/*.{html,js}

匹配除斜线和隐藏文件以外的任何内容

使用

*

匹配零或更多目录

Answer 2

**

之间单独的值与选项列表匹配

有关更多信息，请参阅以下链接：

https：//tailwindcss.com/docs/content-configuration

我希望我能够解决您的问题
你是绝对正确的。尾风不应扫描您的index.html。它应该仅在内容数组中扫描列出的文件。我的猜测是您可能错过了一些东西。可能是您遵循的“安装指南”，然后将输出文件误编译并将其链接到您的index.html.
仅适用于4个用户的注释，tailwind.config.js不再适用。请参阅源文件中的
• 检索类的“明确注册来源”部分。