gulp 修改html内容,使用gulp构建项目之后，修改src文件内容之后，dist和build文件夹中未覆盖掉原来的html内容。...

我使用gulp构建完成项目，但是我在src文件夹下面的views中新建了一个edit.html,然后又将edit.html修改为edit_tpl.html,之后刷新，重新gulp,发现在build和dist文件的views里面居然同时保留了edit.html和edit_tpl.html，又试了几个，还是一样的情况。我已经把这个删了之后重新构建，还是这样，请大神看看，是不是我的gulp写的有问题。(图中的index.html是我保存在src根目录下的，不在views里面)

这是gulp文件

var app = { // 定义目录

srcPath:'src/',

buildPath:'build/',

distPath:'dist/'

}

/*1.引入gulp与gulp插件 使用时，要去下载这些插件*/

var gulp = require('gulp');

/*var less = require('gulp-less');*/

var cssmin = require('gulp-cssmin');

var uglify = require('gulp-uglify');

var concat = require('gulp-concat');

var connect = require('gulp-connect');

var imagemin = require('gulp-imagemin');

var open = require('open');

/*把bower下载的前端框架放到我们项目当中*/

gulp.task('lib',function () {

gulp.src('bower_components/**/*.js')

.pipe(gulp.dest(app.buildPath+'lib'))

.pipe(gulp.dest(app.distPath+'lib'))

.pipe(connect.reload()) //当内容发生改变时， 重新加载。

});

/*2.定义任务 把所有html文件移动另一个位置*/

gulp.task('html',function () {

/*要操作哪些文件 确定源文件地址*/

gulp.src(app.srcPath+'**/*.html') /*src下所有目录下的所有.html文件*/

.pipe(gulp.dest(app.buildPath)) //gulp.dest 要把文件放到指定的目标位置

.pipe(gulp.dest(app.distPath))

.pipe(connect.reload()) //当内容发生改变时， 重新加载。

});

/*3.执行任务 通过命令行。gulp 任务名称*/

/*定义编译less任务 下载对应的插件 gulp-less

* 把less文件转成css放到build

* */

/*gulp.task('less',function () {

gulp.src(app.srcPath+'style/index.less')

.pipe(less())

.pipe(gulp.dest(app.buildPath+'css/'))

/!*经过压缩，放到dist目录当中*!/

.pipe(cssmin())

.pipe(gulp.dest(app.distPath+'css/'))

.pipe(connect.reload())

});*/

//合并css

gulp.task('css',function(){

gulp.src(app.srcPath+'css/**/*.css')

.pipe(gulp.dest(app.buildPath+'css/'))

/*经过压缩放到dist*/

.pipe(gulp.dest(app.distPath+'css/'))

.pipe(connect.reload());

});

/*合并js*/

gulp.task('js',function () {

gulp.src(app.srcPath+'js/**/*.js')

.pipe(concat('index.js'))

.pipe(gulp.dest(app.buildPath+'js/'))

.pipe(uglify())

.pipe(gulp.dest(app.distPath+'js'))

.pipe(connect.reload())

});

/*压缩图片*/

gulp.task('images',function () {

gulp.src(app.srcPath+'images/**/*')

.pipe(gulp.dest(app.buildPath+'images'))

.pipe(imagemin())

.pipe(gulp.dest(app.distPath+'images'))

.pipe(connect.reload())

});

gulp.task('data',function(){

gulp.src(app.srcPath+'data/**/*')

.pipe(gulp.dest(app.buildPath+'data'))

.pipe(gulp.dest(app.distPath+'data'))

.pipe(connect.reload())

});

/*同时执行多个任务 [其它任务的名称]

* 当前bulid时，会自动把数组当中的所有任务给执行了。

* */

gulp.task('build',['css','html','js','images','lib','data']);

/*定义server任务

* 搭建一个服务器。设置运行的构建目录

* */

gulp.task('server',['build'],function () {

/*设置服务器*/

connect.server({

root:[app.buildPath],//要运行哪个目录

livereload:true, //是否热更新。

port:9988 //端口号

})

/*监听哪些任务*/

gulp.watch('bower_components/**/*',['lib']);

gulp.watch(app.srcPath+'**/*.html',['html']);

gulp.watch(app.srcPath+'js/**/*.js',['js']);

gulp.watch(app.srcPath+'images/**/*',['images']);

/*gulp.watch(app.srcPath+'style/!**!/!*.less',['less']);*/

gulp.watch(app.srcPath+'css/**/*.css',['css']);

gulp.watch(app.srcPath+'data/**/*',['data']);

//通过浏览器把指定的地址 (http://localhost:9988)

open('http://localhost:9988');

});

/*定义默认任务

* 直接执行gulp 会调用的任务

* */

gulp.task('default',['server']);