Почему gulp jade компилирует include файлы как отдельные html файлы?

Question

[Думай Головой]

Всем привет!

В документации об этом не упоминается, мол просто пишешь в index.jade
include includes/head.jade

И получаешь один скомпилированный html файл.

Но у меня include/head.jade компилируется вместе с папкой в include/head.html хотя мне это не нужно, т.к. это должно быть частью index.html а не отдельным файлом

Использую gulp-jade

Answer 1

[Homsa Toft]

Извиняюсь за археологию, но вроде бы канонично делать так :

gulp.task('jade', function () {
	return gulp.src(['src/jade/**/*.jade','!src/jade/**/_*.jade'])
		.pipe(newer('src/jade/**/*.jade'))
		.pipe(plumber())
		.pipe(jade({
			pretty: '\t'
		}))
		.on('error', console.log)
		.pipe(gulp.dest('./dist/'));
});

Где соответственно все ваши инклюды именуете с префиксом: _head.jade _header.jade _menu.jade _footer.jade

Comments

[pavel-yagodin]

Было бы разумнее фильтровать через https://www.npmjs.com/package/gulp-filter

[Homsa Toft]

а можно в двух словах в чём разумность ? у меня сейчас всё в конфиг вынесено:

module.exports = {
src: {
jade: ['./src/jade/**/*.jade', '!./src/jade/**/_*.jade'],
sass: ['./src/sass/**/*.sass', '!./src/sass/**/_*.sass'],
js: './src/js/**/*.js',
img: './src/img/*'
},
prod: {
html: './dev/',
style: './dev/style/',
js: './dev/js/',
img: './dev/img/'
},
watch: {
jade: ['./src/jade/**/*.jade', './src/data/**/*.jade.json'],
sass: ['./src/sass/**/*.sass', './src/sass/**/*.scss'],
js: './src/js/**/*.js',
}
};

Answer 2

[Константин Китманов]

Похоже, некорректно указан путь в gulp.src для этой таски. Например, как '/jade/**/*.jade', хотя надо просто '/jade/index.jade'.

Comments

[Думай Головой]

так и есть, я ему сказал компилить всё, чтобы не указывать каждый файл по отдельности.
получается нужно прописать что-то типо такого?

gulp.task('jade', function() {
   gulp.src('/tpl/**/!(_)*.jade')
      .pipe(gulp.dest('/templates'))
});

[Константин Китманов]

Думай Головой: ну вы же видите, что это делает не то, что надо. Надо указывать только точки входа (то есть то, что должно превратиться в отдельные html-ки), а не вообще все *.jade. Всякие инклюды подцепятся автоматически, не надо их указывать.

[Думай Головой]

Константин Китманов
то есть каждый файл по отдельности прописывать?

[Думай Головой]

даже тут автоматом цепляют вроде:
https://www.npmjs.com/package/gulp-jade

[Константин Китманов]

Думай Головой: я не знаю, какая у вас ситуация и что вам нужно получить, а вы меня понимать никак не хотите.

[Думай Головой]

мне нужно, чтобы были файлы страниц:
index.jade contacts.jade и так далее, а к ним цеплялся header.jade и footer.jade как повторяющиеся файлы
Но чтобы мне не пришлось вручную в таске указывать все страницы, всё должно автоматом определятся.

Например в sass я указываю
src/**/*.scss
И всё
А файлы, которые комппилировать не нужно начинаются со знака_ и компилятор по умолчанию без костылей их не компилирует

[Константин Китманов]

Думай Головой: понял вас. Либо так: gulp.src('tpl/*.jade') и все инклюды вынести в подпапки, либо хитрым glob'ом, как вы написали (если он работает). Я обычно использую первый вариант, то есть в корне папки только точки входа, все остальное по подпапкам разнесено.

[Думай Головой]

точно, всё просто, затупил