TailwindCSS配置疑问：tailwind.config.js中的「项目根目录」指什么？

Tailwind CSS官方文档提到content字段的文件路径是相对于「项目根目录」解析的，这里的**「项目根目录」实际就是你执行tailwindcss命令时的当前工作目录**，和以下这些目录都无关：

• 包含tailwind.config.js的目录
• 包含package.json的目录（项目可能存在多个package.json）
• Git根目录（包含.git的目录）
• 包含tailwindcss CLI二进制文件的目录

验证示例 #

假设项目结构如下：

./my-project
  |_ src 
  |    |_ index.html 
  |_ tailwind.config.js  

情况1：在项目根目录执行命令

执行命令：

cd ./my-project
tailwindcss --config tailwind.config.js [其他选项]

此时tailwind.config.js的content配置需要写成：

module.exports = {
    content: ["./src/index.html"],
};

情况2：切换到src目录执行命令

执行命令：

cd ./my-project/src
tailwindcss --config ../tailwind.config.js [其他选项]

此时tailwind.config.js的content配置需要写成：

module.exports = {
    content: ["./index.html"],
};

内容的提问来源于stack exchange，提问作者aarongile