gulp 在带有 gulp-pug 和 gulp-plumber 的管道中看不到文件夹

Question

我正在使用

gulp=4.0.2

、

gulp-plumber=1.2.1

、

gulp-pug=5.0.0

。我的文件结构大致是

gulpfile.js
└── src/pug/pages
    ├── contact.pug
    ├── index.pug
    └── projects
        └── project.pug

我的

gulpfile.js

包含

import gulp from 'gulp';
const { src, dest, watch: __watch, parallel, series } = gulp;
import pug from 'gulp-pug';
import plumber from 'gulp-plumber';

function views() {
  return (
    src('src/pug/pages/**/*.pug')
    .pipe(plumber())
    .pipe(pug({
        pretty: true
    }))
    .pipe(dest('./'))
    .pipe(__reload())
  )
}

const watch = parallel(watchTask, reload);
const build = series(parallel(styles, scripts, html, views));

const _build = build;
export { _build as build };
const _default = watch;
export { _default as default };

当我跑步时

gulp

它创造了

index.html

，但它没有创造

projects/project.html

，这是我所期望的。

Answer 1

所以基本上发生的事情是，我之前一定运行过

gulp build

，但我忘记了它，然后当我运行

src('src/pug/pages/*.pug')

时创建了新页面并且它起作用了，但后来我不知道它是否适用于文件夹，所以我添加了

**/

（

src/pug/pages/**/*.pug

并且感到困惑。

gulp

单独运行一个默认任务，该任务不运行

views

函数，因此它不会创建HTML页面。在我的例子中，

gulp build

创建它们。

解决方案是运行

gulp build