如何在Tailwind CLI中使用PHP?配置后PHP页面样式仍不生效
解决Tailwind CSS在PHP文件中不生效的问题
- 重启Tailwind CLI监听进程:修改
tailwind.config.js后,必须停止当前的tailwindcss -i ./src/input.css -o ./dist/output.css --watch命令,重新运行一遍。否则Tailwind不会重新扫描新增的.php文件,自然不会生成对应样式。 - 确认PHP文件路径匹配:检查你的PHP文件是否位于
src目录或其子目录下(比如src/index.php、src/pages/about.php)。配置里的./src/**/*.{html,php}只会匹配src目录下所有层级的html和php文件,若PHP文件在src外,需调整content路径,比如改为./**/*.{html,php}。 - 验证CSS引入路径:在PHP文件里检查引入Tailwind生成CSS的link标签,确保路径正确。例如生成的CSS文件在
dist/output.css,PHP中应写:
注意路径要和Live Server的运行根目录对应,若Live Server以项目根目录为服务器根,路径需改为<link rel="stylesheet" href="./dist/output.css">/dist/output.css。 - 强制刷新浏览器缓存:按
Ctrl+F5(Windows)或Cmd+Shift+R(Mac)刷新页面,避免浏览器加载旧的无样式缓存文件。 - 检查Tailwind生成日志:运行watch命令时查看终端输出,确认Tailwind检测到了PHP文件。若终端显示
Rebuilding...但未列出PHP文件,说明路径配置仍有问题。
你的tailwind.config.js配置本身无错误,重点排查上述环节即可。
内容的提问来源于stack exchange,提问作者imnesslol
相关产品推荐
相关产品推荐

