# 修改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()) //當內容發生改變時， 重新加載。
});
```
