htmlJadeTemplate/gulpfile.js at master · SergeyWebDeveloper/htmlJadeTemplate · 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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
var gulp         = require('gulp'),
		sass         = require('gulp-sass'),
		autoprefixer = require('gulp-autoprefixer'),
		cleanCSS    = require('gulp-clean-css'),
		rename       = require('gulp-rename'),
		browserSync  = require('browser-sync').create(),
		concat       = require('gulp-concat'),
		htmlbeautify = require('gulp-html-beautify'),
		changed      = require('gulp-changed'),
		jade         = require('gulp-jade'),
		spritesmith = require('gulp.spritesmith'),
		uglify       = require('gulp-uglify');


gulp.task('sprite', function() {
    var spriteData =
        gulp.src('./app/img/sprite/*.*') // путь, откуда берем картинки для спрайта
            .pipe(spritesmith({
                imgName: 'sprite.png',
                cssName: 'sprite.sass',
                cssFormat: 'sass',
                algorithm: 'left-right',
                cssVarMap: function(sprite) {
                    sprite.name = 'icon-' + sprite.name
                }
            }));

    spriteData.img.pipe(gulp.dest('./app/img/')); // путь, куда сохраняем картинку
    spriteData.css.pipe(gulp.dest('./sass/')); // путь, куда сохраняем стили
});

gulp.task('browser-sync', ['styles', 'scripts', 'jade'], function() {
		browserSync.init({
				server: {
						baseDir: "./app"
				},
				notify: false
		});
});


gulp.task('jade', function() {
	var options = {
    indentSize: 2,
    indent_with_tabs: true
  };
    return gulp.src('./jade/**/*.jade')
    		.pipe(changed('/app/', {extension: '.html'}))
        .pipe(jade())
        .pipe(htmlbeautify(options))
        .pipe(gulp.dest('./app'));
});

gulp.task('styles', function () {
	return gulp.src('sass/*.sass')
	.pipe(changed('/app/css', {extension: '.css'}))
	.pipe(sass({
		includePaths: require('node-bourbon').includePaths
	}).on('error', sass.logError))
	.pipe(rename({suffix: '.min', prefix : ''}))
	.pipe(autoprefixer({browsers: ['last 25 versions'], cascade: false}))
	// .pipe(cleanCSS())
	.pipe(gulp.dest('app/css'))
	.pipe(browserSync.stream());
});

gulp.task('scripts', function() {
	return gulp.src([
		'./libs/jquery/jquery-1.11.2.min.js',
		'./libs/magnificPopup/jquery.magnific-popup.min.js',
		'./libs/inputmask/jquery.maskedinput.min.js',
		'./libs/owlcarousel/owl.carousel.min.js'
		])
		.pipe(changed('/app/js', {extension: '.js'}))
		.pipe(concat('libs.js'))
		.pipe(uglify()) //Minify libs.js
		.pipe(gulp.dest('./app/js/'));
});

// gulp.task('htmlbeautify', function() {
//   var options = {
//     indentSize: 2,
//     indent_with_tabs: true
//   };
//   gulp.src('./app/*.html')
//     .pipe(htmlbeautify(options))
//     .pipe(gulp.dest('./app/'))
// });

gulp.task('watch', function () {
	gulp.watch('sass/*.sass', ['styles']);
	gulp.watch('jade/*.jade', ['jade']);
	gulp.watch('app/libs/**/*.js', ['scripts']);
	gulp.watch('app/js/*.js').on("change", browserSync.reload);
	gulp.watch('app/*.html').on('change', browserSync.reload);
});

gulp.task('default', ['browser-sync', 'watch']);