Gulp任务在Node.js应用中编程式运行的常见陷阱与解决方案

gulp.task('inline', async function () {
    return gulp
        .src('dist/inline-html/*.html')
        .pipe(inlineCSS())
        .pipe(gulp.dest('dist/send-html'));
});

// Inline CSS from app.css into compiled HTML files
gulp.task('inline', function () { // 移除 async 关键字
    return gulp
        .src('dist/inline-html/*.html')
        .pipe(inlineCSS())
        .pipe(gulp.dest('dist/send-html'));
});

const gulp = require('gulp');
const rename = require('gulp-rename');
const inlineCSS = require('gulp-inline-css');
const clean = require('gulp-clean');
const panini = require('panini');

// 编译Handlebars模板
gulp.task('handlebars', function () { // 也可以是 async function，但这里返回流，所以不是必须
    return gulp
        .src('views/pages/*.hbs')
        .pipe(
            panini({
                root: 'views/pages',
                layouts: 'views/layouts',
                partials: 'views/partials',
            })
        )
        .pipe(
            rename(function (path) {
                path.basename += '-send';
                path.extname = '.html';
            })
        )
        .pipe(gulp.dest('dist/inline-html'));
});

// 将CSS内联到编译后的HTML文件中
gulp.task('inline', function () { // 修正：移除 async 关键字
    return gulp
        .src('dist/inline-html/*.html')
        .pipe(inlineCSS())
        .pipe(gulp.dest('dist/send-html'));
});

// 清理dist文件夹
gulp.task('clean', function () { // 也可以是 async function，但这里返回流，所以不是必须
    return gulp.src('dist/**/*', { read: false }).pipe(clean());
});

// 编程式运行Gulp任务序列
async function gulpTaskRunner() {
    return new Promise(function (resolve, reject) {
        // 使用 gulp.series 串行执行任务
        // 最后一个参数是一个回调函数，当所有任务完成后会被调用
        gulp.series('clean', 'handlebars', 'inline', (done) => {
            console.log('Gulp tasks completed');
            resolve(); // 通知 Promise 外部任务序列已完成
            done(); // 通知 Gulp 此任务序列的编程式调用已完成
        })(); // 注意：需要立即调用 gulp.series 返回的函数
    });
}

// 主应用程序逻辑
async function app() {
    console.log('Application start');
    await gulpTaskRunner(); // 等待Gulp任务序列完成
    console.log('Application end');
}

// 启动应用程序
app();