使用Gulp构建本地开发Web服务器

时间:2024-06-03 21:36:38

前端模拟ajax,就需要配置web服务器(apache,iis,nginx),有点麻烦

代码有一点点修改,就需要F5刷新页面很麻烦

Gulp + Gulp-connect + watch + livereload就可以解决上述问题

下面是我的代码:

//引入插件
var gulp = require('gulp');
var connect = require('gulp-connect');
gulp.task('connect',function(){    connect.server({        root : 'app',        port : '909',        host : '192.168.1.107',        livereload : true    })})

gulp.task('watch',function(){    gulp.watch(['app/*.html'],['html'])})

gulp.task('html',function(){    return gulp.src('app/*.html')        .pipe(connect.reload());})

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