我正在尝试在HTML页面中添加页眉和页脚：
<body>
<div class="wrapper">
<div class="first-screen">
@@include('incl/header.html')
<section class="test">
// html content
</section>
@@include('incl/footer.html')
</div>
</div>
</body>
我为此使用了gulp-file-include。但这似乎不起作用。我只是在html内获得@@ include（'incl / header.html'）行。
我的口头文件：
var gulp = require('gulp');
var finclude = require('gulp-file-include');
var sass = require('gulp-sass');
var sourcemaps = require('gulp-sourcemaps');
var autoprefixer = require('gulp-autoprefixer');
var concat = require('gulp-concat');
var cleanCss = require('gulp-clean-css');
var gulpIf = require('gulp-if');
var browserSync = require('browser-sync').create();
var config = {
path: {
scss: './src/scss/**/*.scss',
html: './public/index.html'
},
output: {
cssName: 'bundle.min.css',
path: './public'
},
isDevelop: true
};
gulp.task('include', function() {
return gulp.src([config.path.html])
.pipe(finclude({
prefix: '@@',
basepath: '@file'
}))
.pipe(gulp.dest('./'));
});
gulp.task('scss', function() {
return gulp.src(config.path.scss)
.pipe(gulpIf(config.isDevelop,sourcemaps.init()))
.pipe(sass())
.pipe(concat(config.output.cssName))
.pipe(autoprefixer())
.pipe(gulpIf(!config.isDevelop,cleanCss()))
.pipe(gulpIf(config.isDevelop,sourcemaps.write()))
.pipe(gulp.dest(config.output.path))
.pipe(browserSync.stream());
});
gulp.task('serve', function() {
browserSync.init({
server: {
baseDir: config.output.path
}
});
gulp.watch(config.path.scss, gulp.series('scss'));
gulp.watch(config.path.html).on('change', browserSync.reload);
});
gulp.task('default', gulp.series('include', 'scss', 'serve'));
它不会给我任何错误，也不会警告它加载得很好。我在做什么错？