Как скомпилировать и управлять файлами PUG с помощью Express & GULP

Question

Мы пытаемся настроить файл GULP для обслуживания файлов PUG в HTML и поместить их в статическую папку dist.

Вот наши файлы: https://github.com/ShooX512/gulp-testing/

Вот как мы пока контролируем PUG:

app.set("views", path.join(__dirname, "./dist/"));

но из-за того, что GULP генерирует HTML-файлы в dist, мы добавили следующее:

app.use(
  "./dist",
  express.static(path.join(__dirname, "./dist"), { maxAge: "30 days" })
);

Это, к сожалению, не работает.

Мои основные вопросы:

Какую версию кода следует использовать и когда?

Как передать данные в сгенерированные файлы HTML в папке dist? (Первоначально PUG)

Нужна ли нам GULP для компиляции PUG, если мы используем:

app.set("view engine", "pug");
app.set("views", path.join(__dirname, "./dist/"));