Estoy usando el paquete gulp-file-include para facilitar un poco el desarrollo local.

Actualmente tengo tres páginas HTML :

• index.html
• contact.html
• products.html

La forma en que funciona mi configuración es:

• Hacer componentes .html en mi carpeta de componentes
• Incluir los componentes en mis archivos ubicados en mi carpeta de template
• gulp watch compila ese archivo de plantilla en HTML y crea/actualiza el archivo en el directorio raíz

Estructura de carpetas para referencia:

 theme template index.html contact.html product.html index.html contact.html product.html

En resumen, todo en la carpeta de template contiene lenguaje de plantillas.

Ahora, en mi gulp , tengo que crear tres funciones diferentes para compilar las páginas cuando se registra un cambio para cada página.

 function compileIndex() { return gulp.src('./template/index.html') .pipe(fileinclude({ prefix: '@@', basepath: '@file' })) .pipe(gulp.dest('./')); } function compileContact() { return gulp.src('./template/contact.html') .pipe(fileinclude({ prefix: '@@', basepath: '@file' })) .pipe(gulp.dest('./')); } function compileProducts() { return gulp.src('./template/product.html') .pipe(fileinclude({ prefix: '@@', basepath: '@file' })) .pipe(gulp.dest('./')); } function watch() { gulp.watch([globalCSS,configCSS,themeCSS, componentCSS],mainCSS); gulp.watch([globalJS],mainJS); gulp.watch([componentJS]); gulp.watch('./template/index.html', compileIndex); gulp.watch('./template/contact.html', compileContact); gulp.watch('./template/product.html', compileProducts); }

Se puede decir que se volverá muy largo y difícil de administrar una vez que se agreguen más páginas. Como tal, ¿hay alguna manera de transformar todas estas funciones en una sola?

He intentado simplemente copiar los returns en una función, pero obtener una watch task has to be a function .