gulp 同级目录,自动刷新和使用include

来源:互联网 发布:紧急通知域名正在升级 编辑:程序博客网 时间:2024/05/16 04:54





cnpm install -g gulp

cnpm install gulp

cnpm install gulp-connect

cnpm install gulp-file-include



gulpfile.js 配置如下


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


gulp.task('html', function() {
    gulp.src('src/**.html')
        .pipe(fileinclude({
          prefix: '@@',
          basepath: '@file'
        }))
    .pipe(gulp.dest('dist'))
    .pipe(connect.reload());
});
 
gulp.task('connect', function() {
  connect.server({
  root: '../',
    livereload: true
  });
});
 
gulp.task('watch', function () {
  gulp.watch(['src/**.html'], ['html']);
});


gulp.task('default', ['watch', 'connect']);