gulp 自动化构建网站（版本号静态资源）

 gulp.task('default', function (done) {

     browserSync.init({

         server: {

             baseDir: ["./dist"] // 服务器启动要打开的文件位置

         }

     });

     //gulp.watch("src/scss/**/*.scss",['sass']);

     gulp.watch("src/js/**/*.js", function (event) {

         console.log('File ' + event.path + ' was ' + event.type + ', running tasks...');

     });

     gulp.watch("src/**/*.html", function (event) {

         console.log('File ' + event.path + ' was ' + event.type + ', running tasks...');

     });

     gulp.watch("src/images/**/*.", function (event) {

         console.log('File ' + event.path + ' was ' + event.type + ', running tasks...');

     });

     gulp.watch("dist/**/*.html").on("change", browserSync.reload);

     // condition = false;

     // runSequence( //需要说明的是，用gulp.run也可以实现以上所有任务的执行，，故使用了runSequence.

     //     //['assetRev'],

     //     ['css'],

     //     ['js'],

     //     ['html'],

     //     done);

 });

 // 压缩css 文件hash编码并生成 rev-manifest.json文件名对照映射

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

     gulp.src('src/css/*.css')

         //.pipe(cssver()) //给css文件里引用文件加版本号（文件MD5）

         .pipe(cssmin({

             advanced: false, //类型：Boolean 默认：true [是否开启高级优化（合并选择器等）]

             compatibility: 'ie7', //保留ie7及以下兼容写法 类型：String 默认：''or'*' [启用兼容模式； 'ie7'：IE7兼容模式，'ie8'：IE8兼容模式，'*'：IE9+兼容模式]

             keepBreaks: true, //类型：Boolean 默认：false [是否保留换行]

             keepSpecialComments: '*'

             //保留所有特殊前缀 当你用autoprefixer生成的浏览器前缀，如果不加这个参数，有可能将会删除你的部分前缀

         }))

         // .pipe(rename(function(path){     //执行csso的压缩优化，然后重命名为*.min.css

         //     path.basename +=".min";

         //     path.extname = ".css"

         // }))

         .pipe(assetRev()) //该任务调用的模块 css中引入的图片/字体等添加hash编码

         .pipe(rev())

         .pipe(gulp.dest('dist/css'))  //控制的css输出到dist文件夹里

         .pipe(rev.manifest())  //对应的版本号用json表示出来，

         .pipe(gulp.dest('dist/rev/css'));

 });

 // 压缩js 文件

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

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

         .pipe(plumber())

         .pipe(minify())

         .pipe(rev())

         .pipe(gulp.dest('dist/js'))

         .pipe(rev.manifest())

         .pipe(gulp.dest("dist/rev/js"))

         .pipe(browserSync.stream());

 });

 //处理 html 文件 

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

     return gulp.src(['dist/rev/**/*.json', "src/*.html"]) //编辑路径下的html 文件

         .pipe(plumber())

         .pipe(revCollector({

             replaceReved: true

         }))

         .pipe(gulp.dest("dist/")) //编辑好的文件

         .pipe(browserSync.stream());

 });

 // 在命令行输入 gulp images 启动此任务

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

     // 1. 找到图片

     gulp.src('src/images/*.*')

         .pipe(imagemin({progressive: true })) // 2. 压缩图片

         .pipe(rev())

         .pipe(gulp.dest('dist/images')) // 3. 另存图片

         .pipe(rev.manifest('rev-img-manifest.json'))//生成一个rev-manifest.json

         .pipe(gulp.dest('dist/rev/images'));//将 rev-manifest.json 保存到 rev 目录内

 });

 // css 文件内的css 替换

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

     //css，主要是针对img替换

     gulp.src(['dist/rev/images/**/rev-img-manifest.json', +'dist/css/*.css'])

         .pipe(revCollector({replaceReved:true }))

         .pipe(gulp.dest('dist/css'));

 });

 // Clean 任务执行前，先清除之前生成的文件

 gulp.task('clean', function (cb) {

     del(['dist/css', 'dist/js', 'dist/images','dist/rev','dist/*.html'], cb)

 });

 //  打包发布publish

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

     return gulp.src('dist/**/*')

         .pipe(plumber())

         .pipe(zip('publish.zip'))

         .pipe(gulp.dest('release'))

 });