Gulp-前端进阶A-3---如何不刷新监控文件变化？

npm install --save-dev gulp-connect

npm install --save-dev gulp-livereload

npm其他，前面已有

 var gulp = require('gulp'),
     gulpLoadPlugins = require('gulp-load-plugins'),
     plugins = gulpLoadPlugins();

 var paths = {
   src   : "src/",
   css   : "src/css/",
   scripts    : "src/js/",
   scss  : "src/scss/",
   img   : "src/images/",
   html  : "src/html/",
   build : "build"
 }
 //创建服务器
 gulp.task('webserver',function(){
     plugins.connect.server({port:,livereload:true});
 });
 /////////////////////////////////
 gulp.task('scripts', function() {
   return gulp.src(paths.scripts+ "**/*.js")
     .pipe(plugins.concat('all.js'))
     .pipe(plugins.uglify())
     .pipe(gulp.dest(paths.build + '/js'));
 });
 gulp.task('css', function() {
   return gulp.src(paths.css+ "**/*.css")
     .pipe(plugins.concat('all.css'))
     .pipe(plugins.minifyCss())
     .pipe(gulp.dest(paths.build + '/css'));
 });
 gulp.task('html',function(){
     return gulp.src(paths.html + "**/*.html")
     .pipe(gulp.dest(paths.build +'/html'));
 });
 ///////////////////////////
 gulp.task('reload-dev',['scripts','css','html'],function() {
   return gulp.src(paths.src + '**/*.*')
     .pipe(plugins.connect.reload());//服务器重启和各文件变化
 });
 //监听
 gulp.task('watch', function() {
     gulp.watch(paths.src + '**/*.*',['reload-dev']);
 })

 gulp.task('default', ['webserver','reload-dev','watch']);
 //此处顺序有先后吗？

这里我打开localhost:8000这个鬼

不好打开生成的html文件，暂手动打开，而且要手动刷新，没有自动刷新

然后src下的js,css,html有变动时，build里的文件随之变化

此处还要注意各文件引用路径，生成处并不一样