Farallon/gulpfile.js at main · bigfa/Farallon · GitHub

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
'use strict';

const gulp = require('gulp');
const uglify = require('gulp-uglify');
const plumber = require('gulp-plumber');
const postcss = require('gulp-postcss');
const autoprefixer = require('autoprefixer');
const cssnano = require('cssnano');
const sass = require('gulp-sass')(require('sass'));
const rename = require('gulp-rename');
const ts = require('gulp-typescript');
function fonts() {
    return gulp.src('./fonts/*').pipe(gulp.dest('./build/fonts/'));
}

function images() {
    return gulp.src('./images/*.{png,jpg,jpeg,gif,svg}').pipe(gulp.dest('./build/images/'));
}

function css() {
    return gulp
        .src('./scss/app.scss')
        .pipe(plumber())
        .pipe(sass({ outputStyle: 'compressed' }))
        .pipe(rename({ suffix: '.min' }))
        .pipe(postcss([autoprefixer(), cssnano()]))
        .pipe(gulp.dest('./build/css/'));
}

function settingCss() {
    return gulp
        .src('./scss/setting.scss')
        .pipe(plumber())
        .pipe(sass({ outputStyle: 'compressed' }))
        .pipe(rename({ suffix: '.min' }))
        .pipe(postcss([autoprefixer(), cssnano()]))
        .pipe(gulp.dest('./build/css/'));
}

function setting() {
    return gulp
        .src(['./js/extensions/*', './js/setting.ts'])
        .pipe(plumber())
        .pipe(
            ts({
                noImplicitAny: true,
                outFile: 'setting.js',
                target: 'es5',
            })
        )
        .pipe(uglify())
        .pipe(rename({ suffix: '.min' }))
        .pipe(gulp.dest('./build/js/'));
}

// Transpile, concatenate and minify scripts
function scripts() {
    return gulp
        .src(['./js/extensions/*', './js/app.ts', './js/modules/*'])
        .pipe(
            ts({
                noImplicitAny: true,
                outFile: 'app.js',
                target: 'es5',
            })
        )
        .pipe(uglify())
        .pipe(rename({ suffix: '.min' }))
        .pipe(gulp.dest('./build/js/'));
}

// Watch files
function watchFiles() {
    gulp.watch(['./js/modules/*', './js/extensions/*', './js/app.ts'], gulp.series(scripts));
    gulp.watch(
        [
            './scss/app.scss',
            './scss/modules/*',
            './scss/templates/*',
            './scss/base/*',
            './scss/components/*',
            './scss/layout/*',
            './scss/utilities/*',
        ],
        gulp.series(css)
    );
    gulp.watch(['./scss/setting.scss'], gulp.series(settingCss));
    gulp.watch(['./js/setting.ts'], gulp.series(setting));
}

// define complex tasks
const js = gulp.series(scripts);
const watch = gulp.parallel(watchFiles);
const build = gulp.parallel(watch, gulp.parallel(css, fonts, js, images, settingCss, setting));

exports.css = css;
exports.js = js;
exports.build = build;
exports.watch = watch;
exports.default = build;