Why is gulp-pug compiling a directory instead of a file?

Question

Pug

I have been working with galp quite recently, I am taking my first steps. There is a task to take two jade files located in different directories and compile them into two index.html files also located in two different directories.
An example of my task:

gulp.task('jade-en', function buildHTML() {
  return gulp.src('src/jade/en/en-index.jade')
    .pipe(gulp.dest('dist/index.html'));
});
gulp.task('jade-it', function buildHTML() {
  return gulp.src('src/jade/it/it-index.jade')
    .pipe(gulp.dest('dist/it/index.html'));
});

As a result of the task, instead of the expected index.html, I get the "index.html" directories containing the original jade files. What am I doing wrong?

Answer 1

you forgot about.pipe(pug())

const pug = require('gulp-pug');

gulp.task('jade-en', function buildHTML() {
  return gulp.src('src/jade/en/en-index.jade')
    .pipe(pug())
    .pipe(gulp.dest('dist/index.html'));
});