Estoy probando gulp y en particular el plugin gulp-pug para compilar Pug. No parece tener mucha ciencia el hacerlo funcionar pero sin embargo no hay forma.
No estoy realizando ningún proyecto, simplemente estoy probando el 'task runner' Gulp y en particular el plugin Gulp-pug (que es lo que no me funciona)
Mi gulpfile es el siguiente:
'use strict'
var gulp = require('gulp');
var browserSync = require("browser-sync").create();
var pug = require('gulp-pug')
var sass = require('gulp-ruby-sass');
gulp.task('sass', function () {
sass('./scss/**/*.scss')
.on('error', sass.logError)
.pipe(gulp.dest('./css'))
});
gulp.task('pug', function () {
gulp.src('./pug/*.pug')
.pipe(pug())
.pipe(gulp.dest('./'))
});
gulp.task('serve', function() {
browserSync.init({
server: "./"
});
gulp.watch("./scss/**/*.scss", ['sass']);
gulp.watch("./pug/**/*.pug", ['pug']);
gulp.watch(["./*.html", "./css/*.css"]).on('change', browserSync.reload);
gulp.watch("./js/*.js").on('change', browserSync.reload);
});
gulp.task('default', ['serve']);
Por supuesto tengo instalado Pug y funciona perfectamente. Lo e utilizado con grunt y desde consola sin problema.
No tira ningun error, solo pone
Starting 'pug'...
Finished 'pug' after 12 ms
Pero ni rastros del .html
Entiendo que no esta conectando con Pug y por lo tanto no hace nada. pero no se como solucionarlo.
Agrego un poco mas de informacion.
El archivo que debria compilarse (o traspilar) es el siguiente:
doctype html
html(lang="es")
head
meta(charset="utf-8")
title Prueba
body
.wrapper
header.hidden
h1 HOLA MUNDO
Que como se ve no tiene nada extraño.
y la estructura de archivos.
/:.
| gulpfile.js
| package.json
|
+---css
| style.css
|
+---node_modules
| +--- etc...
|
\---pug
| index.pug
Omito todo el contenido de la carpeta 'node modules' porque es demasiado extenso y no aporta demasiado que este.
Saludos
gulp.task('default', ['sass', 'pug', 'serve']);
.