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