View difference between Paste ID: 63ihiftT and cJ2bsacT
SHOW: | | - or go back to the newest paste.
1-
var gulp         = require('gulp'),
1+
var gulp         	 = require('gulp'),
2
		sass         = require('gulp-sass'),
3
		autoprefixer = require('gulp-autoprefixer'),
4-
		cleanCSS    = require('gulp-clean-css'),
4+
5
		browserSync  = require('browser-sync').create(),
6
		concat       = require('gulp-concat'),
7
		runSequence = require('run-sequence'),
8
		uglify       = require('gulp-uglify');
9
10
gulp.task('browser-sync', ['styles', 'scripts'], function() {
11
		browserSync.init({
12
				server: {
13
						baseDir: "./app"
14
				},
15
				notify: false
16
		});
17
});
18
19
20
gulp.task('styles', function () {
21
	return gulp.src('sass/*.sass')
22-
	.pipe(sass({
22+
	.pipe(sass({outputStyle: 'compressed',
23
		includePaths: require('node-bourbon').includePaths
24
	}).on('error', sass.logError))
25
	.pipe(rename({suffix: '.min', prefix : ''}))
26
	.pipe(autoprefixer({browsers: ['last 15 versions'], cascade: false}))
27-
	.pipe(cleanCSS())
27+
28
	.pipe(browserSync.stream())
29-
	.pipe(browserSync.stream());
29+
30
31
32
gulp.task('scripts', function() {
33
	return gulp.src([
34
		'./app/libs/modernizr/modernizr.js',
35
		'./app/libs/jquery/jquery-1.11.2.min.js',
36
		'./app/libs/waypoints/waypoints.min.js',
37
		'./app/libs/animate/animate-css.js',
38
		])
39
		.pipe(concat('libs.js'))
40
		// .pipe(uglify()) //Minify libs.js
41
		.pipe(gulp.dest('./app/js/'))
42-
		.pipe(gulp.dest('./app/js/'));
42+
		.pipe(browserSync.stream())
43
});
44
45
46
47-
gulp.task('watch', function () {
47+
gulp.task('default', ['browser-sync'], function () {
48
	gulp.watch('sass/*.sass', ['styles']);
49
	gulp.watch('app/libs/**/*.js', ['scripts']);
50-
	gulp.watch('app/js/*.js').on("change", browserSync.reload);
50+
51
});