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()) //當內(nèi)容發(fā)生改變時胀滚， 重新加載躬贡。
});
//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()) //當內(nèi)容發(fā)生改變時脐雪， 重新加載。
});
//3.執(zhí)行任務 通過命令行。gulp 任務名稱
//定義編譯less任務  下載對應的插件 gulp-less
//把less文件轉(zhuǎn)成css放到build
gulp.task('less',function () {
    gulp.src(app.srcPath+'style/index.less')
        .pipe(less())
        .pipe(gulp.dest(app.buildPath+'css/'))
        /*經(jīng)過壓縮，放到dist目錄當中*/
        .pipe(cssmin())
        .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('image',function () {
    gulp.src(app.srcPath+'images/**/*')
        .pipe(gulp.dest(app.buildPath+'images'))
        .pipe(imagemin())
        .pipe(gulp.dest(app.distPath+'images'))
        .pipe(connect.reload())
});
//同時執(zhí)行多個任務 [其它任務的名稱]
// 當前bulid時，會自動把數(shù)組當中的所有任務給執(zhí)行了创淡。
gulp.task('build',['less','html','js','image','lib']);
//定義server任務
//搭建一個服務器。設置運行的構(gòu)建目錄
gulp.task('server',['build'],function () {
    //設置服務器
    connect.server({
        root:[app.buildPath],//要運行哪個目錄
        livereload:true,  //是否熱更新南吮。
        port:8888  //端口號
    })
    //監(jiān)聽哪些任務
    gulp.watch('bower_components/**/*',['lib']);
    gulp.watch(app.srcPath+'**/*.html',['html']);
    gulp.watch(app.srcPath+'js/**/*.js',['js']);
    gulp.watch(app.srcPath+'images/**/*',['image']);
    gulp.watch(app.srcPath+'style/**/*.less',['less']);
    //通過瀏覽器把指定的地址 （http://localhost:9999）
    open('http://localhost:8888');
});
//定義默認任務
//直接執(zhí)行g(shù)ulp 會調(diào)用的任務
gulp.task('default',['server']);