（图片来源）
要开始在纯 php 项目中使用 tailwind css，您可以在项目中安装 tailwind css。方法如下：
在终端中运行 npm init -y。
-
安装 tailwind 依赖项： npm install tailwindcss postcss autoprefixer
立即学习“PHP免费学习笔记（深入）”；
生成 tailwind 配置文件：npx tailwindcss init
创建一个 postcss.config.js 文件并添加以下代码：
CPWEB企业网站管理系统2.2 Beta下载CPWEB企业网站管理系统（以下称CPWEB）是一个基于PHP+Mysql架构的企业网站管理系统。CPWEB 采用模块化方式开发，功能强大灵活易于扩展，并且完全开放源代码，面向大中型站点提供重量级企业网站建设解决方案。CPWEB企业网站管理系统 2.2 Beta 测试版本，仅供测试，不建议使用在正式项目中，否则发生任何的后果自负。
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: [],
}
祝大家编码快乐！
