我有两个文件夹,dist
和partials
,'dist'文件夹包含index.html文件和'partials'文件夹包含header.html,navbar.html,和footer.html文件。我想包括这些部分文件到index.html。我尝试了gulp-file-include插件,它的工作正常,但我希望每当我执行任何部分文件的任何更改,index.html文件应该被更新。我不能这样做与gulp-file-include插件,请任何其他的解决方案...
gulp文件.js
'use strict'
const fileinclude = require('gulp-file-include');
const gulp = require('gulp');
gulp.task('fileinclude', function() {
return gulp.src(['dist/index.html'])
.pipe(fileinclude({
prefix: '@@',
basepath: '@file'
}))
.pipe(gulp.dest('dist'));
});
索引.html
@@include('../partials/header.html')
@@include('../partials/navbar.html')
@@include('../partials/footer.html')
1条答案
按热度按时间r6vfmomb1#
使用gulp.watch(...)来跟踪所有的更改,不仅仅是html。gulp中的任何文件都可以使用这种方法来跟踪。
还有我的变体:
然后: