tailwind-css - tailwindcss 配置未获取我的源文件

Question

我已按照此处描述的所有步骤进行操作 enter link description here 这是我的 tailwindcss.config.cjs 文件。

   /** @type {import('tailwindcss').Config} */
  module.exports = {
      content: [
        "./index.html",
        "./src/**/*.{js, ts, jsx, tsx}",
       ],
    theme: {
    extend: {},
   },
  plugins: [],
}

我做错了什么？

Answer 1

在定义 tailwind 应该观看的位置时，我遇到了 tailwindcss 配置的微妙细微差别 您的文件。

我在 tailwind.config.cjs 文件中输入了以下内容:

      /** @type {import('tailwindcss').Config} */
   module.exports = {
     content: [
       "./index.html",
       "./src/**/*.{js, ts, jsx, tsx}",
     ],
     theme: {
       extend: {},
     },
     plugins: [],
   }

有一段时间我不明白为什么 Tailwind 没有拾取我的文件。 经过仔细检查，值对中的空格很重要 数组的。

因为 tailwind 使用 glob-patterns，即正则表达式， 空间确实很重要。

事后看来很直观，但对我来说，这是我希望的细微差别 帮助某人开始顺风设置 新项目。

注意不带空格的正确文件:

    /** @type {import('tailwindcss').Config} */
    module.exports = {
      content: [
        "./index.html",
        "./src/**/*.{js,ts,jsx,tsx}",
      ],
     theme: {
     extend: {},
     },
    plugins: [],
   }