jade(pug) in gulp

[Schamil74]

Всем привет!

Сам не могу справится.

Подправьте, пожалуйста, галпфайл, нужно добавить jade(pug).

Структура файлов во вложении.

Сейчас index.html и creamy.html собираются из кусков из папки template с помощью rigger.

 

gulpfile.js

[Igor Schnaider]

А в чем проблема у вас? Таск в галпфайле будет примерно такой:

gulp.task(pages);

function pages() {
  // Pug settings
  const settings = {};
  
  return gulp.src(`${config.paths.source.pug}/*.pug`)
  	.pipe(gulp.pug(settings))
  
  /... maybe something else .../
  
  	.pipe(gulp.dest(config.paths.dest.html));
}

Сами .pug-файлы, конечно, изменяться. Структура может быть такой, например

├── pages
    ├── index.pug
    └── templates
        └── layout.pug

Пример для layout.pug:

doctype html
html
    head
        meta(charset='utf-8')
        meta(name='viewport', content='width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0')
        meta(http-equiv='X-UA-Compatible', content='ie=edge')

        block title
            title Untitled

        link(rel='stylesheet', href='./css/main.built.css')

    body
        block content

Пример для index.pug:

extends ./templates/layout.pug

block title
    title Index page

block content
    //content will be here

    //script(src='/js/app.js')

Или используйте includes.

Вообще, документация у них вполне нормальная, с большим количеством примеров.

[npofopr]

Можете посмотреть как сделано у https://github.com/straykov/initium 

У них достаточно всё просто.