-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.js
115 lines (102 loc) · 2.79 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
109
110
111
112
113
114
115
'use strict';
const gulp = require('gulp');
const webpack = require('webpack');
const webpackConfig = require('./frontend/webpack.config.js');
let statsLog = {
colors: true,
reasons: true
};
const isDevelopment = !process.env.NODE_ENV || process.env.NODE_ENV == 'development';
const sourcemaps = require('gulp-sourcemaps');
const notifier = require('node-notifier');
const gutil = require('gulp-util');
const rename = require('gulp-rename');
const gulpIf = require('gulp-if');
const sass = require('gulp-sass');
const del = require('del');
gulp.task('clean', () => {
return del([
'views',
'public/css',
'public/js',
'public/fonts',
'public/*.{jpg,png,svg}'
]);
});
gulp.task('templates', () => {
return gulp.src('frontend/**/*.jade')
.pipe(rename({
dirname: "views"
}))
.pipe(gulp.dest('./'));
});
gulp.task('fonts', () => {
return gulp.src('frontend/**/*.{woff,woff2}')
.pipe(rename({
dirname: "fonts"
}))
.pipe(gulp.dest('./public'));
});
gulp.task('images', () => {
return gulp.src('frontend/**/*.{jpg,png,svg}')
.pipe(rename({
dirname: "/"
}))
.pipe(gulp.dest('./public'));
});
gulp.task('sass', () => {
return gulp.src('frontend/**/*.scss')
.pipe(gulpIf(isDevelopment, sourcemaps.init()))
.pipe(sass().on('error', sass.logError))
.pipe(gulpIf(isDevelopment, sourcemaps.write()))
.pipe(rename({
dirname: "css"
}))
.pipe(gulp.dest('public'));
});
gulp.task('webpack', (done) => {
webpack(webpackConfig, onComplete);
function onComplete(error, stats) {
if (error) {
onError(error);
}
else if ( stats.hasErrors() ) {
onError( stats.toString(statsLog) );
}
else {
onSuccess( stats.toString(statsLog) );
}
}
function onError(error) {
let formatedError = new gutil.PluginError('webpack', error);
notifier.notify({ // чисто чтобы сразу узнать об ошибке
title: `Error: ${formatedError.plugin}`,
message: formatedError.message
});
done(formatedError);
}
function onSuccess(detailInfo) {
gutil.log('[webpack]', detailInfo);
done();
}
});
gulp.task('js', () => {
return gulp.src('frontend/build/*.js')
.pipe(rename({
dirname: "js"
}))
.pipe(gulp.dest('public'));
});
gulp.task('build', gulp.series('clean', 'templates', 'fonts', 'images', 'sass', 'webpack', 'js'));
gulp.task('dev',
gulp.series(
'build',
gulp.parallel( () => {
gulp.watch('frontend/**/*.jade', gulp.series('templates'));
gulp.watch('frontend/**/*.{woff,woff2}', gulp.series('fonts'));
gulp.watch('frontend/**/*.{jpg,png,svg}', gulp.series('images'));
gulp.watch('frontend/**/*.scss', gulp.series('sass'));
gulp.watch('frontend/**/*.js', gulp.series('js'));
})
)
);