如何让Tailwind Presets从.env文件获取动态文件名？

你的问题核心是Node.js不会自动加载.env文件中的环境变量，导致process.env.PROJECT返回undefined，进而找不到对应的配置文件。解决步骤如下：

1. 安装dotenv依赖
   这个包负责读取.env文件并将变量注入到process.env中，执行命令：

   yarn add dotenv --dev
   

2. 在tailwind.config.js顶部加载dotenv
   修改你的tailwind.config.js，在最开头加入dotenv的加载代码：

   require('dotenv').config()
   const project = process.env.PROJECT
   
   module.exports = {
       presets: [require('./tailwind.' + project + '.js')],
   }
   

3. 修正.env文件格式
   去掉变量值的引号，避免可能的路径错误：

   PROJECT=clientname
   

4. 验证文件位置
   确保.env文件放在项目根目录，和tailwind.config.js处于同一层级。

做完以上操作后，重新运行yarn watch，Tailwind就能正确读取到环境变量，加载对应的预设配置文件了。

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