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
|
const gulp = require('gulp');
const sourcemaps = require('gulp-sourcemaps');
const babel = require('gulp-babel');
const uglify = require('gulp-uglify');
const sass = require('gulp-sass');
sass.compiler = require('sass');
const postcss = require('gulp-postcss');
const autoprefixer = require('autoprefixer');
const cleanCSS = require('gulp-clean-css');
const fs = require('fs');
const path = require('path');
const env = process.env.NODE_ENV;
// Clean files generated in last build
function clean() {
try {
fs.rmdirSync(path.resolve(__dirname, 'static/assets/css'), { recursive: true });
} catch (e) {}
try {
fs.rmdirSync(path.resolve(__dirname, 'static/assets/js'), { recursive: true });
} catch (e) {}
return Promise.resolve();
}
// Build js
function js() {
let src = gulp.src('./assets/js/fuji.js');
if (env === 'development') {
src = src.pipe(sourcemaps.init());
}
src = src.pipe(babel({ presets: ['@babel/env'] })).pipe(uglify());
if (env === 'development') {
src = src.pipe(sourcemaps.write('.'));
}
src = src.pipe(gulp.dest('./static/assets/js'));
return src;
}
// Build css
function css() {
let src = gulp.src('./assets/scss/fuji.scss');
if (env === 'development') {
src = src.pipe(sourcemaps.init());
}
src = src
.pipe(sass({ includePaths: ['./node_modules'] }).on('error', sass.logError))
.pipe(postcss([autoprefixer()]))
.pipe(cleanCSS());
if (env === 'development') {
src = src.pipe(sourcemaps.write('.'));
}
src = src.pipe(gulp.dest('./static/assets/css'));
return src;
}
function endprocess() {
// Rename files
try {
fs.renameSync(
path.resolve(__dirname, 'static/assets/css/fuji.css'),
path.resolve(__dirname, 'static/assets/css/fuji.min.css')
);
} catch (e) {}
try {
fs.renameSync(
path.resolve(__dirname, 'static/assets/js/fuji.js'),
path.resolve(__dirname, 'static/assets/js/fuji.min.js')
);
} catch (e) {}
return Promise.resolve();
}
exports.compile = gulp.series(clean, gulp.parallel(css, js), endprocess);
// Live compile when development
function watch() {
gulp.watch('assets/js/*.js', { delay: 1000 }, gulp.series(js, endprocess));
gulp.watch('assets/**/*.scss', { delay: 1000 }, gulp.series(css, endprocess));
}
exports.dev = gulp.series(clean, gulp.parallel(css, js), endprocess, watch);
|
