Файлы не включаются в gulp. Ошибка отсутствует
Я пытаюсь включить верхний и нижний колонтитулы на свои 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. Но похоже, что это не работает. Я просто получаю строки @@include('incl/header.html') внутри моего html.
Мой файл gulp:
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'));
Он не дает мне никаких ошибок или предупреждений, он загружается нормально. Что я делаю неправильно?