/
gulpfile.js
108 lines (94 loc) · 2.68 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
106
107
108
'use strict';
var gulp = require('gulp');
var gutil = require('gulp-util');
var eslint = require('gulp-eslint');
var sass = require('gulp-sass');
var babel = require('gulp-babel');
var sourcemaps = require('gulp-sourcemaps');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var browserSync = require('browser-sync').create();
var del = require('del');
var nodemon = require('gulp-nodemon');
var source = {
html: 'source/*.html',
js: 'source/js/*.js',
scss: 'source/scss/**/*.scss',
img: ['source/img/*.{png,gif,jpg}', 'source/img/projects/*.{png,gif,jpg}', 'source/*.ico']
};
var dest = {
root: 'public',
js: 'public/js',
css: 'public/css',
img: 'public/img'
};
gulp.task('default', ['build-dev']);
gulp.task('build-dev', ['html', 'sass', 'js', 'img']);
gulp.task('clean', function() {
return del([dest.root]);
});
gulp.task('eslint', function() {
return gulp.src(source.js)
.pipe(eslint({
"extends": "eslint:recommended",
"env": {
"browser": true
},
"parserOptions": {
"ecmaVersion": 6,
"sourceType": "module",
"ecmaFeatures": {
"jsx": true
}
},
"rules": {
"semi": 2
}
}))
.pipe(eslint.format());
});
gulp.task('js',function() {
return gulp.src(source.js)
.pipe(sourcemaps.init())
.pipe(babel({
presets: ['es2015']
}))
.pipe(concat('bundle.js'))
//.pipe(uglify())
.pipe(sourcemaps.write())
.pipe(gulp.dest(dest.js))
.pipe(browserSync.stream());
});
gulp.task('sass', function() {
return gulp.src(source.scss)
.pipe(sourcemaps.init())
.pipe(sass())
.pipe(sourcemaps.write())
.pipe(gulp.dest(dest.css))
.pipe(browserSync.stream());
});
gulp.task('html', function() {
return gulp.src(source.html)
.pipe(gulp.dest(dest.root))
.pipe(browserSync.stream());
});
gulp.task('img', function() {
return gulp.src(source.img)
.pipe(gulp.dest(dest.img))
.pipe(browserSync.stream());
});
gulp.task('serve', ['build-dev', 'nodemon'], function () {
browserSync.init(null, {
proxy: "http://localhost:4000"
});
gulp.watch(source.scss, ['sass']);
gulp.watch(source.js, ['js']);
gulp.watch(source.html, ['html']);
gulp.watch(source.img, ['img']);
});
gulp.task('nodemon', function () {
nodemon({
script: 'server.js',
watch: ['server.js', 'source/js/app.js']
});
});