SASS、Gulp 观察基目录和子目录中的 PHP 文件

Question

我正在本地使用 SASS 和 gulp 开发 WordPress 主题。我对 SASS 和 gulp 都很陌生，并且遵循了有关创建自己的框架的非常好的课程。我已经在 html 文件上完美运行，但是因为我正在开发 WordPress 主题，我需要它来观看基本目录（主题文件夹）和子目录中的 PHP 文件。

我的 gulpfile.js：

const { src, dest, watch, series } = require("gulp");
const sass = require("gulp-sass")(require("sass"));
const purgecss = require("gulp-purgecss");

function buildKraftdeckStyles() {
  return src("kraftdeck-framework/**/*.scss")
    .pipe(sass())
    .pipe(purgecss({ content: ["**/**/*.php"] }))
    .pipe(dest("css"));
}

function watchKraftdeck() {
  watch(["kraftdeck-framework/**/*.scss, '**/**/*.php"], buildKraftdeckStyles);
}

exports.default = series(buildKraftdeckStyles, watchKraftdeck);

这似乎不起作用。我尝试过 .//*.php 和 !/**/*.php。我哪里错了？

Answer 1

我想通了..我的代码中有错误，缺少“”，所以我的代码现在是：

function buildKraftdeckStyles() {
  return src("kraftdeck-framework/**/*.scss")
    .pipe(sass())
    .pipe(purgecss({ content: ["**/*.php"] }))
    .pipe(dest("css"));
}

function watchKraftdeck() {
  watch(["kraftdeck-framework/**/*.scss", "**/*.php"], buildKraftdeckStyles);
}

您会看到此行已从以下位置更正：

  watch(["kraftdeck-framework/**/*.scss, '**/**/*.php"], buildKraftdeckStyles);

至：

watch(["kraftdeck-framework/**/*.scss", "**/*.php"], buildKraftdeckStyles);

首先我从开头删除了 **/ 并更正了“”，现在它可以工作了。