html - Gulp、Pug - 如何将 src/directory 的子目录中的所有 .pug 文件编译到/dist，以便它们保持目录层次结构？

Question

我的 src/ 目录如下:

src/
---about/
------history.pug
------mission.pug
---contact/
------email.pug
---index.pug

我希望我的 .pug 文件以这样的方式编译，即它们即使在 dist/ 目录中也能保持此目录层次结构。像这样的东西:

dist/
---about/
------history.html
------mission.html
---contact/
------email.html
---index.html

我正在使用 Gulp 处理哈巴狗文件。这可以通过使用 gulp 或其他方式完成一项任务来实现吗？谢谢!

处理我的 pug 文件的 Gulp 任务:

gulp.task('pug', function() {
    return gulp.src('src/pug/*.pug')
    .pipe(pug({
        basedir: "./"
    }))
    .pipe(gulp.dest('dist/html'));
})

Answer 1

gulp.task('pug', function() {
  return gulp.src('src/**/*.pug')
   .pipe(pug())
   .pipe(gulp.dest('dist'));
})

将获取您的哈巴狗文件并将它们放在我认为您想要的位置。在你的代码中你有

.pipe(gulp.dest('dist/html')); 

但是在您想要的 dist 文件夹结构中没有 html 文件夹。与

相同的评论

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

你的 src 目录没有 pug 子文件夹，为什么 src/pug 在这里？

我也不认为 {basedir:....} 是哈巴狗插件的一个选项，所以我删除了它。