Cacher is the code snippet organizer for pro developers

var gulp 	= require('gulp');
var concat 	= require('gulp-concat');
var stylus 	= require('gulp-stylus');
var prefix 	= require('gulp-autoprefixer');
var uglify 	= require('gulp-uglify');
var notify 	= require("gulp-notify");
var browserSync = require('browser-sync').create();
var reload      = browserSync.reload;

gulp.task('css', function () {

    return gulp.src('css/template.styl')
        .pipe(stylus({
            compress: false
        }))
        .pipe (prefix({
            browsers: ['last 6 versions'],
            cascade: false
        }))
        .pipe(concat('template.css'))
        .pipe(gulp.dest('css'))
        .pipe(notify("Gulp CSS Updated!"))
        .pipe(browserSync.stream());
    ;
});

gulp.task('js', function () {

    return gulp.src([
            'js/development/scripts.js' 
        ])
        //.pipe(uglify())
        .pipe(concat('all.js'))
        .pipe(gulp.dest('js'))
        .pipe(notify("Gulp JS Updated!"))
        .pipe(browserSync.stream());
    ;
});


gulp.task('default', function () {
    gulp.watch('js/**/*.js', function () {
    gulp.start('js');
    });
   
    gulp.watch('css/**/*.styl', function () {
        gulp.start('css');
    });

    browserSync.init({
        proxy: "local.dev/practice"
    });
    gulp.watch("*.html").on("change", reload);
});