var gulp = require('gulp'), //基础库
    less = require('gulp-less'), //less
    minifycss = require('gulp-minify-css'), //css压缩
    runSequence = require('run-sequence'), //按顺序执行
    browserSync = require('browser-sync').create()//页面实时刷新;
// 样式处理------------------------------------------------------------------------------------------------------------------------------------------
gulp.task('css', function() {
    gulp.src(file_road.cssSrc)
        .pipe(less({ style: 'expanded' }))
        .pipe(minifycss()) //todo暂时隐藏压缩
        .pipe(gulp.dest(file_road.cssDst_end)) //最终目录
        .pipe(browserSync.stream());//检测修改并自动刷新

});
// 监听任务 运行语句 gulp watch------------------------------------------------------------------------------------------------------------------------------------------
gulp.task('watch', function() {
    browserSync.init({
        server: {
            baseDir: "./",
        },
    });
    // 监听css
    gulp.watch(file_road.w_cssSrc, ['css']);
    
});
gulp.task('dev', function(done) {
    runSequence(
        ['css'], ['watch'],
        done);
});
gulp.task('default', ['dev']);

//运行gulp 即可；如果出现的默认 显示cannot get,再在后面添加相应的文件名称，例如 http://localhost:3000/html/index.html