-
Notifications
You must be signed in to change notification settings - Fork 18
/
gulpfile.babel.js
104 lines (90 loc) · 2.45 KB
/
gulpfile.babel.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
import gulp from 'gulp';
import gutil from 'gulp-util';
import source from 'vinyl-source-stream';
import babelify from 'babelify';
import watchify from 'watchify';
import exorcist from 'exorcist';
import browserify from 'browserify';
import browserSync from 'browser-sync';
import sass from 'gulp-sass';
import nodemon from 'gulp-nodemon';
import eslint from 'gulp-eslint';
// Input file.
watchify.args.debug = true;
// let bundler = watchify(browserify('app/client.js', watchify.args));
let bundler = browserify('app/client.js', watchify.args);
// Babel transform
bundler.transform(babelify.configure({
sourceMapRelative: 'app'
}));
// On updates recompile
bundler.on('update', bundle);
function bundle() {
gutil.log('Compiling JS...');
return bundler.bundle()
.on('error', function(err) {
gutil.log(err.message);
browserSync.notify('Browserify Error!');
this.emit('end');
})
.pipe(exorcist('public/js/bundle.js.map'))
.pipe(source('bundle.js'))
.pipe(gulp.dest('public/js'))
.pipe(browserSync.stream({once: true}));
}
/**
* Gulp task alias
*/
gulp.task('bundle', ['lint', 'styles'], () => {
return bundle();
});
/**
* First bundle, then serve from the public directory
*/
gulp.task('default', ['bundle'], () => {
browserSync.init({
server: 'public',
notify: false
});
});
gulp.task('styles', () => {
return gulp.src('app/stylesheets/*.scss')
// .pipe($.plumber())
// .pipe($.sourcemaps.init())
.pipe(sass.sync({
outputStyle: 'expanded',
precision: 10,
includePaths: ['.']
}).on('error', sass.logError))
// .pipe($.autoprefixer({browsers: ['last 1 version']}))
// .pipe($.uncss({
// html: ['app/*.html']
// }))
// .pipe($.sourcemaps.write())
.pipe(gulp.dest('public/stylesheets'))
.pipe(bundle());
});
gulp.task('lint', () => {
gulp.src(['gulpfile.babel.js', 'app/**/*.js', 'server/*.js'])
.pipe(eslint())
.pipe(eslint.formatEach('stylish', process.stderr))
// altenative syntax (group errors)
// .pipe(eslint.format('stylish', process.stderr))
// .pipe(eslint.failAfterError());
});
gulp.task('watch', ['default'], () => {
gulp.watch('app/stylesheets/**/*.scss', ['styles']);
gulp.watch('app/**/*.js', ['bundle']);
gulp.watch('public/**/*.html', ['bundle']);
nodemon({
script: './server/server.js',
ext: 'js',
watch: [
'server/**'
],
tasks: ['lint'],
env: {
'NODE_ENV': 'test'
}
});
});