我如何在 Gulp 中设置 Pug 的主目录答案

【问题标题】：How i can setting the home directory for Pug in Gulp我如何在 Gulp 中设置 Pug 的主目录
【发布时间】：2020-09-07 23:17:09
【问题描述】：

我正在尝试使用此代码将 Pug 的主目录设置为 Galp：

function renderPug() {
  return src('app/pug/pages/**/*.pug')
    .pipe(pug({
      pretty: true,
      basedir: __dirname,
    }))
    .pipe(dest('build'))
    .on('end', browserSync.reload);
}

但在执行任务时，我收到此错误：

    ENOENT: no such file or directory, open '/Users/Boboshko/boboshko-me/app/pug/pages/photos/russia/moscow/2019/layout/templates/photos-inside.pug'
    at /Users/Boboshko/boboshko-me/app/pug/pages/photos/russia/moscow/2019/photos.pug line 1
Details:
    errno: -2
    syscall: open
    code: ENOENT
    path: /Users/Boboshko/boboshko-me/app/pug/pages/photos/russia/moscow/2019/layout/templates/photos-inside.pug
    domainEmitter: [object Object]
    domainThrown: false

我做错了什么？

【问题讨论】：

能否提供photos.pug的代码？
@kmgt 当然pastebin.com/Ay956xik
您确定photos-inside.pug 在此文件夹/Users/Boboshko/boboshko-me/app/pug/pages/photos/russia/moscow/2019/layout/templates/ 内吗？
没有。 photos-inside.pug 在这里app/pug/layout/templates/。
@kmgt 感谢您的帮助！我找到了解决问题的方法。

标签： gulp frontend pug-loader

【解决方案1】：

这对我有用：

const path = require('path');

function renderPug() {
  return src('app/pug/pages/**/*.pug')
    .pipe(pug({
      pretty: true,
      basedir: path.join(__dirname, 'app', 'pug'),
    }))
    .pipe(dest('./build'))
    .on('end', browserSync.reload);
}

并且文件的路径必须相对于根文件夹指定：/layout/templates/photos-inside。

【讨论】：