# 修改task任务
添加一个 .pipe(connect.reload()) //当内容发生改变时， 重新加载。
```
/**
* 1.注册了一个html的任务
* */
gulp.task('html', function() {
/**
* 意思是读取src下所有的.html文件
* ** ： 代表是src下的任意目录, 0个或者多个
* */
gulp.src('src/**/*.html') /*读取index.html文件*/
.pipe( gulp.dest('build')) /*将读取的文件写到build目录（没有会自动新建）*/
.pipe( gulp.dest('dist')) /*再将读取的文件写到dist目录（没有会自动新建）*/
.pipe(connect.reload()) //当内容发生改变时， 重新加载。
});
/**
* 2.注册了一个less的任务
* */
gulp.task('less', function() {
/**
* 意思是读取src/style下所有的.less文件
* ** ： 代表是src下的任意目录, 0个或者多个
* */
gulp.src('src/style/**/*.less') /*读取.less文件*/
.pipe( less() ) /*将读取的 less文件 转成 css 文件 */
.pipe( gulp.dest('build/css')) /*将读取的css文件写到build目录（没有会自动新建）*/
.pipe( cssmin() ) /*将读取的 css文件 压缩 */
.pipe( gulp.dest('dist/css')) /*再将读取压缩过的css文件写到dist目录（没有会自动新建）*/
.pipe(connect.reload()) //当内容发生改变时， 重新加载。
});
/**
* 3.注册了一个js的任务
* */
gulp.task('js', function() {
/**
* 意思是读取src/js下所有的.js文件
* ** ： 代表是src下的任意目录, 0个或者多个
* */
gulp.src('src/js/**/*.js') /*读取.js文件*/
.pipe( concat('main.js') ) /*将读取所有的js文件 合并成一个main.js文件 */
.pipe( gulp.dest('build')) /*将读取的文件写到build目录（没有会自动新建）*/
.pipe( uglify() ) /*将读取main.js文件并压缩main.js文件 */
.pipe( gulp.dest('dist')) /*再将读取压缩后的文件写到dist目录（没有会自动新建）*/
.pipe(connect.reload()) //当内容发生改变时， 重新加载。
});
/**
* 4.注册了压缩图片的任务
* */
gulp.task('image', function() {
/**
* 意思是读取src/image下所有的图片文件
* ** ： 代表是src下的任意目录, 0个或者多个
* */
gulp.src('src/image/**/*') /*读取图片文件*/
.pipe( gulp.dest('build/image')) /*将读取所有的图片文件写到build目录（没有会自动新建）*/
.pipe( imagemin() ) /*将读取所有的图片文件进行压缩 */
.pipe( gulp.dest('dist/image')) /*再将读取压缩后的文件写到dist目录（没有会自动新建）*/
.pipe(connect.reload()) //当内容发生改变时， 重新加载。
});
/**
* 5.注册一个lib任务（ 把 bower下载的前端框架放到我们项目当中 ）
* */
gulp.task('lib',function () {
gulp.src(['bower_components/**/*.js','bower_components/**/*.css'])
.pipe(gulp.dest('build/lib'))
.pipe(gulp.dest('dist/lib'))
.pipe(connect.reload()) //当内容发生改变时， 重新加载。
});
```
