Почему gulp-pug компилирует директорию вместо файла?

Question

[saveTibet]

Я с гальпом работаю совсем недавно, делаю первые шаги. Есть задача взять два jade-файла, лежащие в разных директориях, и скомпилировать их в два index.html-файла, также лежащих в двух разных директориях.
Пример моего таска:

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'));
});

В результате выполнения таска, вместо ожидаемых index.html на выходе получаю директории "index.html", содержащие оригинальные jade-файлы. Что я делаю не так?

Answer 1

[Юнус Газиев]

Ты забыл про .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'));
});

Comments

[saveTibet]

Добавил. Изменил все расширения .jade на .pug. Теперь ситуация такая:

[Юнус Газиев]

saveTibet: .dest('dist/index.html') тут необходимо указывать только папку назначения, сейчас скрипт думает что 'dist/index.html' это папка. Пропиши только 'dist'

[saveTibet]

Юнус Газиев: да, но тогда будет компилироваться en-index.html, а мне нужно просто index.html

[Юнус Газиев]

saveTibet: Лучше свой gulpfile выложи, и покажи что требуется и в какую структуру собирать, а то так не очень понятно. Но на всякий, есть плагин gulp-rename он может переименовать так как захочешь

[saveTibet]

'use strict';

var gulp = require('gulp'),
	sass = require('gulp-sass'),
	concatCss = require('gulp-concat-css'),
	cleanCSS = require('gulp-clean-css'),
	uglify = require('gulp-uglify'),
	pump = require('pump'),
	concat = require('gulp-concat'),
	pug = require('gulp-pug');

//Sass Build
gulp.task('sass', function () {
	return gulp.src('src/sass/main.sass')
		.pipe(sass().on('error', sass.logError))
		.pipe(gulp.dest('src/css'));
});

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

//Css Concatenation
gulp.task('cssconcat', function () {
  return gulp.src('src/css/*.css')
    .pipe(concatCss("css/style.css"))
    .pipe(gulp.dest('dist/'));
});

//Minification
gulp.task('minify-css', function() {
  return gulp.src('dist/css/style.css')
    .pipe(cleanCSS({compatibility: 'ie8'}))
    .pipe(gulp.dest('dist/css'));
});

//JS Concatenation
gulp.task('scripts', function() {
  return gulp.src('src/js/*.js')
    .pipe(concat('script.js'))
    .pipe(gulp.dest('dist/js'));
});

//JS Minification
gulp.task('compress', function (cb) {
  pump([
        gulp.src('dist/js/*.js'),
        uglify(),
        gulp.dest('dist/js/')
    ],
    cb
  );
});


gulp.task('default', gulp.parallel('pug-en', 'pug-it', 'sass', 'cssconcat'));

Структура такая:

root
|
/index.html (en-index.pug)
|
/it/index.html (it-index.pug)
То есть, в корне сайта есть index.html, это английская версия. Также в корне находится директория /it, в которой лежит index.html, это итальянская версия.
Надеюсь, понятно изложил.

[Юнус Газиев]

var rename = require("gulp-rename");

...
.pipe(pug())
.pipe(rename({
    basename: "index",
    extname: ".html"
  }))
...

После .pipe(pug()) вставь .pipe(rename({...