/
gulpfile.js
92 lines (80 loc) · 2.29 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
'use strict';
var gulp = require('gulp'),
sass = require('gulp-sass'),
svgmin = require('gulp-svgmin'),
svgstore = require('gulp-svgstore'),
path = require('path'),
autoprefix = require('gulp-autoprefixer'),
cssnano = require('gulp-cssnano'),
concat = require('gulp-concat'),
uglify = require('gulp-uglify'),
rename = require('gulp-rename'),
modernizr = require('gulp-modernizr'),
browserSync = require('browser-sync').create(),
livereload = require('gulp-livereload');
// Put JS files into array
var jsFileList = [
'assets/js/vendor/*.js',
'assets/js/main.js'
];
gulp.task('sass', function() {
return gulp.src('assets/scss/main.scss')
.pipe(sass())
.pipe(autoprefix({
browsers: 'last 5 versions'
}))
.pipe(gulp.dest('assets/css'))
.pipe(rename({suffix: '.min'}))
.pipe(cssnano())
.pipe(gulp.dest('assets/css'))
.pipe(livereload());
});
gulp.task('js', function() {
return gulp.src(jsFileList)
.pipe(concat('scripts.js'))
.pipe(gulp.dest('assets/js/build'))
.pipe(uglify())
.pipe(rename({suffix: '.min'}))
.pipe(gulp.dest('assets/js/build'));
});
gulp.task('js-head', function() {
return gulp.src('assets/js/vendor-head/*.js')
.pipe(concat('scripts-head.js'))
.pipe(gulp.dest('assets/js/build'))
.pipe(uglify())
.pipe(rename({suffix: '.min'}))
.pipe(gulp.dest('assets/js/build'));
});
gulp.task('modernizr', function() {
return gulp.src('assets/js/build/*.js')
.pipe(modernizr())
.pipe(gulp.dest('assets/js/vendor-head'))
});
gulp.task('svgs', function () {
return gulp.src('assets/img/svg/*.svg')
.pipe(rename({prefix: 'shape-'}))
.pipe(svgmin(function (file) {
var prefix = path.basename(file.relative, path.extname(file.relative));
return {
plugins: [{
cleanupIDs: {
prefix: prefix + '-',
minify: true
}
}]
}
}))
.pipe(svgstore())
.pipe(rename('svg-defs.svg'))
.pipe(gulp.dest('views/utility'));
});
gulp.task('browser-sync', function() {
browserSync.init({
proxy: "scotty.local"
});
});
gulp.task('watch', function() {
livereload.listen();
gulp.watch('assets/scss/**/*.scss', ['sass']);
gulp.watch('assets/js/**/*.js', ['js']);
});