写点简单的页面的 gulp 配置

var gulp = require('gulp'),
  connect = require('gulp-connect')

//定义html任务
gulp.task('html', function () {
  gulp.src('./*.html')
  .pipe(connect.reload())
})
gulp.task('css', function () {
  gulp.src('css/*.css')
  .pipe(connect.reload())
})
gulp.task('js', function () {
  gulp.src('js/*.js')
  .pipe(connect.reload())
})

//定义livereload任务
gulp.task('connect', function () {
  connect.server({
    livereload: true
  })
})

//定义看守任务
gulp.task('watch', function () {
  gulp.watch('./*', ['html'])
  gulp.watch('css/*.css', ['css'])
  gulp.watch('js/*.js', ['js'])
})

gulp.task('default', ['watch', 'html', 'css', 'js', 'connect'])