// 依賴
var gulp = require('gulp');
// 進行實例化(gulp-load-plugins這個模塊后面可以通過$來操作)
var $ = require('gulp-load-plugins')();
// open模塊
var open = require('open');
var app = {
 srcPath: 'src/', //源代碼路徑
 devPath: 'build/', //整合后的路徑，開發(fā)路徑
 prdPath: 'dist/' //生產(chǎn)環(huán)境路徑
};
// 創(chuàng)建任務(wù)
gulp.task('lib', function () {
 gulp.src('bower_components/**/*.js')
 .pipe(gulp.dest(app.devPath + 'vendor'))
 .pipe(gulp.dest(app.prdPath + 'vendor'))
 .pipe($.connect.reload());
});
/*
* html任務(wù)
* 創(chuàng)建目錄src，在src下創(chuàng)建index.html
* 創(chuàng)建視圖模版目錄view，在其中存放視圖view的模版
*/
gulp.task('html', function () {
 gulp.src(app.srcPath + '**/*.html')
 .pipe(gulp.dest(app.devPath))
 .pipe(gulp.dest(app.prdPath))
 .pipe($.connect.reload());
});
/*
* json任務(wù)
*/
gulp.task('json', function () {
 gulp.src(app.srcPath + 'data/**/*.json')
 .pipe(gulp.dest(app.devPath + 'data'))
 .pipe(gulp.dest(app.prdPath + 'data'))
 .pipe($.connect.reload());
});
/*
* css任務(wù)
* 在src下創(chuàng)建style文件夾，里面存放less文件。 
*/
gulp.task('less',function () {
 gulp.src(app.srcPath + 'style/index.less')
 .pipe($.less())
 .pipe(gulp.dest(app.devPath + 'css'))
 .pipe($.cssmin())
 .pipe(gulp.dest(app.prdPath + 'css'))
 .pipe($.connect.reload());
});
/*
* js任務(wù)
* 在src目錄下創(chuàng)建script文件夾，里面存放所有的js文件
*/
gulp.task('js', function () {
 gulp.src(app.srcPath + 'script/**/*.js')
 .pipe($.concat('index.js'))
 .pipe(gulp.dest(app.devPath + 'js'))
 .pipe($.uglify())
 .pipe(gulp.dest(app.prdPath + 'js'))
 .pipe($.connect.reload());
});
/*
* image任務(wù)
* 
*/
gulp.task('image', function () {
 gulp.src(app.srcPath + 'image/**/*')
 .pipe(gulp.dest(app.devPath + 'image'))
 .pipe($.imagemin()) // 壓縮圖片
 .pipe(gulp.dest(app.prdPath + 'image'))
 .pipe($.connect.reload());
});
// 每次發(fā)布的時候，可能需要把之前目錄內(nèi)的內(nèi)容清除，避免舊的文件對新的容有所影響。 需要在每次發(fā)布前刪除dist和build目錄
gulp.task('clean', function () {
 gulp.src([app.devPath, app.prdPath])
 .pipe($.clean());
});
// 總?cè)蝿?wù)
gulp.task('build', ['image', 'js', 'less', 'lib', 'html', 'json']);
// 服務(wù)
gulp.task('serve', ['build'], function () {
 $.connect.server({ //啟動一個服務(wù)器
 root: [app.devPath], // 服務(wù)器從哪個路徑開始讀取，默認(rèn)從開發(fā)路徑讀取
 livereload: true, // 自動刷新
 port: 1234
 });
 // 打開瀏覽器
 open('http://localhost:1234');
 // 監(jiān)聽
 gulp.watch('bower_components/**/*', ['lib']);
 gulp.watch(app.srcPath + '**/*.html', ['html']);
 gulp.watch(app.srcPath + 'data/**/*.json', ['json']);
 gulp.watch(app.srcPath + 'style/**/*.less', ['less']);
 gulp.watch(app.srcPath + 'script/**/*.js', ['js']);
 gulp.watch(app.srcPath + 'image/**/*', ['image']);
});
// 定義default任務(wù)
gulp.task('default', ['serve']);