gulp

//处理任务
var gulp =require('gulp');
var imagemin = require("gulp-imagemin");
var uglify = require("gulp-uglify");
var sass = require("gulp-sass");
var concat = require("gulp-concat");


// 起一个本地服务器
var connect = require("gulp-connect");


// css插件压缩
// var minifyCss = require("gulp-minify-css");
// 压缩html文件
// var minifyHtml = require("gulp-minify-html");
// 重命名
// var rename = require("gulp-rename");


// js代码检查
// var jshint = require("gulp-jshint");
// gulp.task("jsHint",function(){
// gulp.src("src/*.html")
//    .pipe(jshint())//　执行代码检查
//    .pipe(jshint.reporter()) //输出代码检查


// })
//这样并不能打印错误日志　　
// 在项目中加入　.jshintsrc文件进行各种想要的配置　自行百度






var browserSync = require('browser-sync').create();


/*
gulp.task --定义任务
gulp.src  --扎到需要执行任务
gulp.dest --执行任务的文件去除
gulp.watch --观察文件变化
*/


//
gulp.task("message",function(){
return console.log("gulp1");
gulp.start("a");
//开始 a这个任务
})
//执行任务 gulp message




gulp.task("default",function(){
return console.log("qqq")
})
//默认任务，只需要gulp即可执行


//拷贝文件
// pipe 你可以理解为 扎到左边的 然后通过管道输送到右边
gulp.task("copeHtml",function(){
gulp.src("src/*.html")
.pipe(gulp.dest("dist"))
.pipe(connect.reload())　//通知浏览器自动刷新
})


// 图片压缩
gulp.task("imageMin",function(){
gulp.src("src/image/*")
.pipe(imagemin())
.pipe(gulp.dest("dist/images"))
})


//压缩js
gulp.task("jsdist",function(){
gulp.src("src/js/*.js")
.pipe(uglify())
.pipe(gulp.dest("dist/javascript"))
})


//sass 转换为css
gulp.task("cssdist",function(){
gulp.src("src/sass/*.scss")
.pipe(sass().on("error",sass.logError))
.pipe(gulp.dest("dist/css"));
})


//执行多个任务






//代码合并
gulp.task("distconcat",function(){
gulp.src("src/js/*.js")
.pipe(concat("mina.js"))
.pipe(uglify())
.pipe(gulp.dest("dist/javascript"))
})


gulp.task("watch",function(){
gulp.watch("src/image/*",["imageMin"])
gulp.watch("src/js/*",["distconcat"])
gulp.watch("src/sass/*",["cssdist"])
gulp.watch("src/*.html",["copeHtml"])
})


gulp.task('browser-sync', function() {
    browserSync.init({
        server: {
            baseDir: "."
        }
    });
});


gulp.task('serve', function() {
    connect.server({
    root:".",//服务器跟目录 ./index.html
    port:8888,//随便写了
    livereload:true, //启动实时刷新的功能
    })
});




gulp.task("default",
["serve","watch"])