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 | }); |