gulp....watch 监听

gulp…watch 监听

1. 安装插件   npm install gulp-connect del --save-dev

2. 导入 	    	 var gulp = require("gulp");
		var connect = require("gulp-connect");

3.建立任务       ( 注意路径正确 )
	3.1  connect 任务
		gulp.task("connect",function(){
			connect.server({		// 创建任务  （这里简写）	
				livereload:true,
			});
		});
	3.2  html 任务
		gulp.task("html",function(){
			return gulp.src('index.html').pipe(gulp.dest('dist')).pipe(connect.reload());
		})
	3.3 js 任务
		gulp.task("js",function(){
			return gulp.src("js/*.js").pipe(connect.reload());
		})
	3.4 css 任务		
		gulp.task("css",function(){
			return gulp.src("css/*.css").pipe(connect.reload());
		})
	3.5 watch 任务	（gulp.watch--API  监听 ）
		gulp.task('watch',function(){
			gulp.watch('js/*.js',gulp.series('js'));
			gulp.watch('css/*.css',gulp.series('css'));
			gulp.watch("*.html",gulp.series('html'));
		});	
	3.6 default 任务	（任务整合）
		gulp.task("default",gulp.series(gulp.parallel('connect',"watch","html")));

4. 执行 
	命令行执行   gulp default(可省略)
	浏览器打开  localhost:8080(8080为默认端口)