gulp-file-include构建公用头部尾部

版权声明：本文为博主原创文章，欢迎转载，转载请注明出处。 https://blog.csdn.net/luyu13141314/article/details/79897964

如果静态文件都包含了公用的头部和尾部

一个个改的话太浪费时间啦。

gulp-file-include可以让我们把公用的文件都放在header.html和footer.html

然后再构建，如果需要改头部尾部的话只需要改一个文件就好。

• page文件夹里面包含include文件夹和若干html静态文件：

• include文件夹里放着公用的头部和尾部：（如果需要改尾部信息只需要改这个地方）

gulp-file-include文档 :查看

gulpfile.js:

var gulp = require('gulp');
var fileinclude = require('gulp-file-include');

gulp.task('fileinclude', function() {
    // 适配page中所有文件夹下的所有html，排除page下的include文件夹中html
    gulp.src(['page/**/*.html', '!page/include/**.html'])
        .pipe(fileinclude({
            prefix: '@@',
            basepath: '@file'
        }))
        .pipe(gulp.dest('dist'));
});