（图片来源）
要开始在纯 php 项目中使用 tailwind css，您可以在项目中安装 tailwind css。方法如下：
在终端中运行 npm init -y。
安装 tailwind 依赖项： npm install tailwindcss postcss autoprefixer
立即学习“PHP免费学习笔记（深入）”；
生成 tailwind 配置文件：npx tailwindcss init
创建一个 postcss.config.js 文件并添加以下代码：
module.exports = { plugins: [ require('tailwindcss'), require('autoprefixer'), ],};
使用以下代码创建一个名为 src 的文件夹和一个 styles.css 文件：
@tailwind base;@tailwind components;@tailwind utilities;
将构建脚本添加到 package.json 中：
"scripts": { "build:css": "npx postcss src/styles.css -o public/styles.css" },
在终端中运行 npm run build:css。
在页面文件中包含指向 public/styles.css 的链接（例如：index.php）：
确保在进行更改后运行 npm run build:css。
此外，请确保您的 tailwind.config.js 包含 .php 和 .html 文件的路径：
/** @type {import('tailwindcss').Config} */module.exports = { darkMode: 'class', // or 'media' content: [ "./**/*.php", "./**/*.html" ], theme: { extend: {... } }, plugins: [],}
祝大家编码快乐！
以上就是如何在纯 PHP 项目中使用 Tailwind CSS的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1246780.html
微信扫一扫 
支付宝扫一扫 
