noir/gulpfile.js at master · jeremyhalin/noir · 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
101
102
103
104
105
const { series, watch, src, dest, parallel } = require("gulp");
const pump = require("pump");

// gulp plugins and utils
var livereload = require("gulp-livereload");
var postcss = require("gulp-postcss");
var zip = require("gulp-zip");
var uglify = require("gulp-uglify");
var beeper = require("beeper");
var chmod = require("gulp-chmod");

// postcss plugins
var autoprefixer = require("autoprefixer");
var colorFunction = require("postcss-color-function");
var cssnano = require("cssnano");
var customProperties = require("postcss-custom-properties");
var easyimport = require("postcss-easy-import");
const tailwind = require("tailwindcss");

function serve(done) {
    livereload.listen();
    done();
}

const handleError = (done) => {
    return function (err) {
        if (err) {
            beeper();
        }
        return done(err);
    };
};

function hbs(done) {
    pump(
        [src(["*.hbs", "**/**/*.hbs", "!node_modules/**/*.hbs"]), livereload()],
        handleError(done)
    );
}

function css(done) {
    var processors = [
        easyimport,
        customProperties({ preserve: false }),
        colorFunction(),
        tailwind(),
        autoprefixer(),
        cssnano(),
    ];

    pump(
        [
            src("assets/css/*.css", { sourcemaps: true }),
            postcss(processors),
            dest("assets/built/", { sourcemaps: "." }),
            livereload(),
        ],
        handleError(done)
    );
}

function js(done) {
    pump(
        [
            src("assets/js/*.js", { sourcemaps: true }),
            uglify(),
            dest("assets/built/", { sourcemaps: "." }),
            livereload(),
        ],
        handleError(done)
    );
}

function zipper(done) {
    var targetDir = "dist/";
    var themeName = require("./package.json").name;
    var filename = themeName + ".zip";

    pump(
        [
            src([
                "**",
                "!node_modules",
                "!node_modules/**",
                "!dist",
                "!dist/**",
            ]),
            chmod(0o755, 0o755),
            zip(filename),
            dest(targetDir),
        ],
        handleError(done)
    );
}

const cssWatcher = () => watch("assets/css/**", css);
const hbsWatcher = () =>
    watch(["*.hbs", "**/**/*.hbs", "!node_modules/**/*.hbs"], hbs);
const watcher = parallel(cssWatcher, hbsWatcher);
const build = series(css, js);
const dev = series(build, serve, watcher);

exports.build = build;
exports.zip = series(build, zipper);
exports.default = dev;