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
|
var pipeline = require('readable-stream').pipeline;
var del = require('del');
var gulp = require('gulp');
var sourcemaps = require('gulp-sourcemaps');
var babel = require('gulp-babel');
var uglify = require('gulp-uglify');
var sass = require('gulp-sass');
sass.compiler = require('node-sass');
var postcss = require('gulp-postcss');
var autoprefixer = require('autoprefixer');
var cssnano = require('cssnano');
var rename = require('gulp-rename');
function devJs() {
return pipeline(
gulp.src('assets/js/fuji.js'),
sourcemaps.init(),
babel({
presets: ['@babel/env'],
}),
rename({ suffix: '.min' }),
sourcemaps.write('.'),
gulp.dest('static/assets/js/')
);
}
function devCss() {
return pipeline(
gulp.src('assets/scss/fuji.scss'),
sourcemaps.init(),
sass(),
postcss([autoprefixer()]),
rename({ suffix: '.min' }),
sourcemaps.write('.'),
gulp.dest('static/assets/css/')
);
}
function js() {
return pipeline(
gulp.src('assets/js/fuji.js'),
babel({
presets: ['@babel/env'],
}),
uglify(),
rename({ suffix: '.min' }),
gulp.dest('static/assets/js/')
);
}
function css() {
return pipeline(
gulp.src('assets/scss/fuji.scss'),
sass(),
postcss([autoprefixer(), cssnano()]),
rename({ suffix: '.min' }),
gulp.dest('static/assets/css/')
);
}
function clean() {
return del(['static/assets/css/fuji.min.css.map', 'static/assets/js/fuji.min.js.map']);
}
exports.build = gulp.parallel(js, css, clean);
exports.devJs = function () {
devJs();
return gulp.watch('assets/js/fuji.js', { delay: 500 }, devJs);
};
exports.devCss = function () {
devJs();
return gulp.watch('assets/**/*.scss', { delay: 500 }, devCss);
};
|
