var gulp = require('gulp'),
  uglify = require('gulp-uglify'),
  rename = require('gulp-rename'),
  sass = require('gulp-sass'),
  minifyCss = require('gulp-clean-css'),
  livereload = require('gulp-livereload'),
  postcss = require('gulp-postcss'),
  autoprefixer = require('autoprefixer'),
  concat = require('gulp-concat'),
  fileinclude = require('gulp-file-include'),
  del = require('del'),
  babel = require('gulp-babel'),
  connect = require('gulp-connect')




// 默认路径
var paths = {
  src: 'src/',
  dist: 'dist/'
}


// 清空dist
gulp.task('clean', function(cb) {
  return del([paths.dist + "**/*"], cb);
});

//web服务器
gulp.task('webserver', function() {
  connect.server({ livereload: true });
});

// 压缩js
gulp.task('uglifyRename', function() {
  gulp.src(paths.src + 'js/*/*.js')
    .pipe(babel({
      presets: ['es2015']
    }))
    .pipe(concat("all.js"))
    .pipe(uglify()) //压缩
    .pipe(rename({
      suffix: '.min'
    }))
    .pipe(gulp.dest(paths.dist + 'js'))
    .pipe(livereload());

});

//编译sass并且压缩
gulp.task('sass2css', function() {
  //postcss plugin
  var plugins = [
    autoprefixer({ browsers: ['last 3 version'], cascade: false })
  ];
  gulp.src(paths.src + 'sass/*/*.scss')
    .pipe(sass())
    .pipe(concat("all.css"))
    // .pipe(gulp.dest(paths.dist + 'css')) //输出原文件
    .pipe(postcss(plugins)) //带上厂商前缀，对相关css做兼容处理
    .pipe(minifyCss())
    .pipe(rename({
      suffix: '.min'
    }))
    .pipe(gulp.dest(paths.dist + 'css'))
    .pipe(livereload());

});

//copy html 文件
gulp.task('copyHtml', function() {
  gulp.src(paths.src + 'html/*/*.html')
    .pipe(fileinclude({
      prefix: '@@',
      basepath: '@file'
    }))

  .pipe(gulp.dest(paths.dist + 'html'))
    .pipe(livereload());

});

//copy img 文件
gulp.task('copyImg', function() {
  gulp.src(paths.src + 'img/*.*')
    .pipe(gulp.dest(paths.dist + 'img'))
    .pipe(livereload());

})


// copy lib下的所有文件
gulp.task('copylib', function() {
  gulp.src([paths.src + 'lib/*/*.*'])
    .pipe(gulp.dest(paths.dist + 'lib/'))
    .pipe(livereload());

})



//创建监听任务
gulp.task('watch', function() {
  livereload.listen();
  gulp.watch(paths.src + 'js/*/*.js', ['uglifyRename']); //监听js文件
  gulp.watch(paths.src + 'sass/*/*.scss', ['sass2css']); //监听 css
  gulp.watch(paths.src + 'html/*/*.html', ['copyHtml']); //监听html
  gulp.watch(paths.src + 'img/*.*', ['copyImg']); //监听img
  gulp.watch(paths.src + 'lib/*/*.*', ['copylib']); //监听img
});


gulp.task('build', ['watch', 'copyHtml', 'uglifyRename', 'copyImg', 'copylib', 'sass2css']);

gulp.task('default', ['webserver', 'build'], function() {
  console.log("--------finish all------------")
});