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来处理pug文件。这可以通过使用gulp或其他任务完成吗？谢谢！

处理我的哈巴狗文件的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：....}是哈巴狗插件的一个选项，所以我删除了它。

Gulp，Pug - 如何将src /目录子目录中的所有.pug文件编译为/ dist，以便维护目录层次结构？

1 个答案: