MyBoilerPlate/gulpfile.js at master · DimasSavchenko/MyBoilerPlate · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
'use strict';

var gulp            = require('gulp'),
    sass            = require('gulp-sass'),
    browserSync     = require('browser-sync'),
    sourcemaps      = require('gulp-sourcemaps'),
    rigger          = require('gulp-rigger'),
    notify          = require("gulp-notify"),
    autoprefixer    = require('gulp-autoprefixer');

var path = {
  dev : {
    output : './dev/',
    outputHtml : './dev/templates/*.html',
    outputSass : './dev/assets/sass/**/*.scss',
    outputStyles : './dev/assets/css',
    outputScripts: 'dev/assets/scripts/*.js'
  },
  rel : {
    output  : './rel/'
  }
}


gulp.task('html', function () {
    return gulp.src(path.dev.outputHtml)
        .pipe(rigger())
        .pipe(gulp.dest(path.dev.output))
        .pipe(browserSync.reload({stream:true}));
});

gulp.task('sass', function () {
  return gulp.src(path.dev.outputSass)
    .pipe(sourcemaps.init())
    .pipe(sass())
      .on('error', notify.onError())
    .pipe(autoprefixer(['last 3 versions', '> 5%', 'Firefox ESR', 'ie >= 7']))
    .pipe(sourcemaps.write())
    .pipe(gulp.dest(path.dev.outputStyles))
    .pipe(browserSync.reload({stream:true}));
});

gulp.task('browser-sync', function() {
  browserSync.init({
    server: {
      baseDir: path.dev.output
    }
  });
});

gulp.task('bs-reload', function () {
  browserSync.reload();
});

gulp.task('default', ['html','sass', 'browser-sync'], function () {
  gulp.watch('./dev/assets/sass/**/*.scss', ['sass']);
  gulp.watch('./dev/templates/**/*.html', ['html']);
});

gulp.task('build', ['html', 'sass', 'js'], function() {

  var buildFiles = gulp.src([
    './dev/*.html',
    ]).pipe(gulp.dest('./rel'));

  var buildCss = gulp.src([
    './dev/css/main.css',
    './dev/css/ui-library.css',
    ]).pipe(gulp.dest('./rel/css'));

  var buildJs = gulp.src([
    './dev/assets/scripts/scripts.min.js',
    './dev/assets/scripts/common.js',
    ]).pipe(gulp.dest('./rel/scripts'));

  var buildFonts = gulp.src([
    './dev/assets/fonts/**',
    ]).pipe(gulp.dest('./rel/fonts'));

});