gulpfile.js

const {src, dest, task, series, parallel} = require("gulp");
const webpack = require("webpack-stream");
const less = require("gulp-less");
const autoprefix = require("gulp-autoprefixer");
const uglify = require("gulp-uglify");
const minifyCSS = require("gulp-csso");
const zip = require('gulp-zip');
const rename = require("gulp-rename");
const clean = require("gulp-clean");
const path = require("path");
const execSync = require('child_process').execSync;
const fs = require("fs");
const resolve = (name) => path.resolve(__dirname, name);
const cssPath = "./source/css";
const jsPath = "./source/js";
const distPath = "./dist";
const devModel = process.env.npm_config_devel;
const version = process.env.npm_config_tag;

if (devModel) {
    console.log('> 开发模式')
}
version && console.log(`> 发布版本：${version}`)

task("clean", () => {
    return src([cssPath, jsPath, distPath], {
        read: false,
        allowEmpty: true,
    }).pipe(
        clean({
            force: true,
        })
    );
});

task("version", (done) => {
    if (version == null) {
        console.log(`[Version] No '--tag' parameters are specified`)
        done();
        return;
    }
    const themePath = "theme.yaml";
    const layoutPath = "template/layout.ftl";
    const packagePath = "package.json"
    const themeData = fs.readFileSync(themePath, "utf8")
        .replace(/^version:\s+[^\s]+$/m, "version: " + version)
    fs.writeFileSync(themePath, themeData);
    fs.writeFileSync(layoutPath, fs.readFileSync(layoutPath, "utf8")
        .replace(/#global\s+theme_version\s*="[^\s]+"/, `#global theme_version="${version}"`))
    let packageData = fs.readFileSync(packagePath, "utf8")
        .replace(/"version":\s*"[^"]+"/, `"version": "${version}"`)
    fs.writeFileSync(packagePath, packageData);
    done()
});

task("css", () => {
    const ignoreFiles = [].map((file) => `./src/css/${file}.less`);

    let gw = src("./src/css/**/*.less", {
        ignore: ignoreFiles,
    })
        .pipe(less())
        .pipe(
            autoprefix({
                overrideBrowserslist: ["> 2%", "last 2 versions", "not ie 6-9"],
                cascade: false,
            })
        );
    if (!devModel) {
        gw = gw.pipe(minifyCSS());
    }

    return gw.pipe(
        rename({
            suffix: ".min",
        })
    ).pipe(dest(cssPath));
});

task("js", () => {
    const readFile = (prefix, dir, ignoreFiles) => {
        let result = {};
        let files = fs.readdirSync(dir, "utf-8");
        files.forEach((file) => {
            let filePath = path.join(dir, file)
            let states = fs.statSync(filePath);
            if (states.isDirectory()) {
                Object.assign(result, readFile(path.join(prefix, file), filePath, ignoreFiles));
            } else if (ignoreFiles.length
                ? /\.js$/.test(file) && !ignoreFiles.includes(path.join(prefix, file))
                : /\.js$/.test(file)) {
                const fileName = file.replace(/.js$/, "");
                result[path.join(prefix, fileName)] = resolve(filePath);
            }
        })
        return result;
    }
    const getEntryData = () => {
        return readFile("", "./src/js", [])
    };

    return webpack({
        mode: devModel ? "development" : "production",
        entry: getEntryData(),
        module: {
            rules: [
                {
                    test: /\.js$/,
                    loader: "babel-loader",
                    include: resolve("source"),
                    exclude: resolve("node_modules"),
                    options: {
                        presets: ["@babel/preset-env"],
                        plugins: ["@babel/plugin-transform-runtime"],
                    },
                },
            ],
        },
        stats: "errors-only",
        output: {
            filename: "[name].min.js",
        },
    })
        .pipe(uglify())
        .pipe(dest(jsPath))
});

task("zip", () => {
    const target = ['./source/**', './template/**', './*.ftl', './*.yaml', 'README.md', 'screenshot.png', 'LICENSE']
    return src(target, {base: '.'})
        .pipe(zip('halo-theme-dream.zip'))
        .pipe(dest(distPath));
});

task("publish", (done) => {
    // 需要将tag标签内容置为 latest
    process.env.npm_config_tag = 'latest'
    console.log(execSync(`npm publish`).toString());
    done();
})

// 默认模式
task("default", series("clean", parallel("css", "js"), "zip"));

// release模式，需要使用--tag参数指定版本号
task("release", series("clean", "version", parallel("css", "js"), "zip"));

// push模式，需要使用--tag参数指定版本号
task("push", series("clean", "version", parallel("css", "js"), "zip", "publish"));