-
Notifications
You must be signed in to change notification settings - Fork 15
/
gulpfile.js
105 lines (95 loc) · 2.93 KB
/
gulpfile.js
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
99
100
101
102
103
104
105
const config = require("./config.json");
const gulp = require('gulp');
const plumber = require('gulp-plumber');
const rename = require('gulp-rename');
const autoprefixer = require('gulp-autoprefixer');
const babel = require('gulp-babel');
const concat = require('gulp-concat');
const uglify = require('gulp-uglify');
const minifyCss = require('gulp-minify-css');
const sass = require('gulp-sass');
const browserSync = require('browser-sync');
const spritesmith = require('gulp.spritesmith');
const postcss = require('gulp-postcss');
const flexibility = require('postcss-flexibility');
const twig = require('gulp-twig');
/**
* Gulp Taks
*/
gulp.task('start', function() {
browserSync.init(config.browserSync);
});
gulp.task('reload', function () {
browserSync.reload();
});
gulp.task('build:sprites', function () {
var spriteData = gulp.src(config.paths.sprites.src)
.pipe(spritesmith({
imgName: config.paths.sprites.imgName,
cssName: config.paths.sprites.cssName,
imgPath : config.paths.sprites.imgPath,
cssFormat: 'scss',
algorithm: 'top-down',
padding: 40
}));
spriteData.img.pipe(gulp.dest(config.paths.sprites.dist));
return spriteData.css.pipe(gulp.dest(config.paths.sprites.utils));
});
gulp.task('build:css', ['build:sprites'], function(){
return gulp.src([config.paths.styles.src])
.pipe(plumber({
errorHandler: function (error) {
console.log(error.message);
this.emit('end');
}}))
.pipe(sass())
.pipe(autoprefixer('last 2 versions'))
.pipe(postcss([flexibility]))
.pipe(gulp.dest(config.paths.styles.dist))
.pipe(rename({suffix: '.min'}))
.pipe(minifyCss({compatibility: 'ie8'}))
.pipe(gulp.dest(config.paths.styles.dist))
.pipe(browserSync.reload({stream:true}))
});
gulp.task('build:js', function(){
return gulp.src([
config.paths.scripts.srcFirstLoad,
config.paths.scripts.srcVendor,
config.paths.scripts.src,
])
.pipe(plumber({
errorHandler: function (error) {
console.log(error.message);
this.emit('end');
}}))
.pipe(concat('main.js'))
.pipe(babel({
presets: ['es2015']
}))
.pipe(gulp.dest(config.paths.scripts.dist))
.pipe(rename({suffix: '.min'}))
.pipe(uglify())
.pipe(gulp.dest(config.paths.scripts.dist))
.pipe(browserSync.reload({stream:true}))
});
gulp.task('build:html', function () {
return gulp.src(config.paths.html.src)
.pipe(plumber({
errorHandler: function (error) {
console.log(error.message);
this.emit('end');
}}))
.pipe(twig())
.pipe(gulp.dest(config.paths.html.dist))
.pipe(browserSync.reload({stream:true}));
});
gulp.task('compile', [
'build:css',
'build:js',
'build:html'
]);
gulp.task('default', ['start', 'compile'], function(){
gulp.watch(config.paths.styles.src, ['build:css']);
gulp.watch(config.paths.scripts.src, ['build:js']);
gulp.watch(config.paths.html.watch, ['build:html']);
});