Tailwind 与 php 文件

Question

我有一个由css、js、php文件组成的项目。

CSS 和 js 文件位于 /src 文件夹中，php 文件位于项目的根文件夹中。

我想在这个项目中使用 tailwind 和 gulp 并在 dist 文件夹中准备好 tailwind 样式。但由于某种原因，tailwind 不会为 php 文件生成样式。

所以当我运行 - npm run dev 时，我看到了 html、scss、js 文件的样式，但没有看到 php 文件的样式

tailwind.config.js

/** @type {import('tailwindcss').Config} */

export default {
  content: [
    './src/**/*.{html,scss,js}', 
    './*.{php}'
  ],
  theme: { ...

gulpfile.js

import { copy } from './gulp/tasks/copy.js';
import { copyRootFiles } from './gulp/tasks/copyRootFiles.js';
import { reset } from './gulp/tasks/reset.js';
import { html } from './gulp/tasks/html.js';
import { server } from './gulp/tasks/server.js';
import { scss } from './gulp/tasks/scss.js';
import { js } from './gulp/tasks/js.js';
import { images } from './gulp/tasks/images.js';
import { otfToTtf, ttfToWoff, fontStyle } from './gulp/tasks/fonts.js';
import { svgSprive } from './gulp/tasks/svgSprive.js';
import { zip } from './gulp/tasks/zip.js';
import { ftp } from './gulp/tasks/ftp.js';

global.app = {
  isBuild: process.argv.includes('--build'),
  isDev: !process.argv.includes('--build'),
  path: filePaths,
  gulp,
  plugins,
};

function watcher() {
  gulp.watch(filePaths.watch.static, copy);
  gulp.watch(filePaths.watch.html, html);
  gulp.watch(filePaths.watch.html, scss);
  gulp.watch(filePaths.watch.scss, scss);
  gulp.watch(filePaths.watch.js, js);
  gulp.watch(filePaths.watch.js, scss);
  gulp.watch(filePaths.watch.images, images);
  gulp.watch(filePaths.watch.php, scss);
}

我试试这个

tailwind.config.js

/** @type {import('tailwindcss').Config} */

export default {
  content: [
    './src/**/*.{html,scss,js}', 
    './*.{php}'
  ],
  theme: {

但它不适用于 php 文件

Answer 1

你尝试过吗：

npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch

https://tailwindcss.com/docs/installation