如何防止含动态import的Gulp任务提前结束，保证任务顺序执行？

你遇到的核心问题是：在minifyImages任务中，你在启动图片压缩流后立刻调用了cb()，但Gulp的流是异步处理的，此时压缩操作还没完成。Gulp看到cb()被调用，就会认为任务已经结束，而实际上图片压缩仍在后台运行，导致任务提前结束的假象。

下面提供几种可行的修复方式，按推荐优先级排序：

1. 改用ES模块（推荐） #

既然gulp-imagemin只支持ES模块导入，你可以直接把Gulp配置文件改为ES模块格式，避免动态import的麻烦：

• 将gulpfile.js重命名为gulpfile.mjs；
• 或者在项目根目录的package.json中添加"type": "module"。

修改后的代码：

import gulp from 'gulp';
import imagemin from 'gulp-imagemin';

function minifyImages() {
  // 返回Gulp流，Gulp会自动等待流处理完成
  return gulp.src('src/img/**/*')
    .pipe(imagemin())
    .pipe(gulp.dest('img'));
}

function buildCSS() { /* ... */ }

export const build = gulp.series(buildCSS, minifyImages);

2. 让任务返回Promise（兼容CommonJS） #

如果不想修改模块格式，你可以让minifyImages任务返回Promise，并在流完成后resolve：

const gulp = require('gulp');

function minifyImages() {
  return import('gulp-imagemin')
    .then(module => {
      const imagemin = module.default;
      // 返回Gulp流，Gulp会等待流结束
      return gulp.src('src/img/**/*')
        .pipe(imagemin())
        .pipe(gulp.dest('img'));
    })
    .catch(err => {
      console.error(err);
      throw err; // 抛出错误让Gulp标记任务失败
    });
}

function buildCSS(cb) { /* ... */ }

exports.build = gulp.series(buildCSS, minifyImages);

Gulp 4支持任务返回Promise或流，会自动等待异步操作完成，不需要手动调用cb()。

3. 监听流的finish事件再调用cb() #

如果坚持使用回调函数，需要监听Gulp流的finish事件，确认压缩完成后再调用cb()：

const gulp = require('gulp');

function minifyImages(cb) {
  import('gulp-imagemin')
    .then(module => {
      const imagemin = module.default;
      const stream = gulp.src('src/img/**/*')
        .pipe(imagemin())
        .pipe(gulp.dest('img'));
      
      // 流处理完成时调用cb
      stream.on('finish', () => cb());
      // 出错时传递错误给cb，让Gulp识别任务失败
      stream.on('error', err => {
        console.error(err);
        cb(err);
      });
    })
    .catch(err => {
      console.error(err);
      cb(err);
    });
}

function buildCSS(cb) { /* ... */ }

exports.build = gulp.series(buildCSS, minifyImages);

• Gulp 4的异步任务可以通过返回流、Promise，或者**调用回调函数（cb()）**来标记完成；
• 如果你手动调用cb()，必须确保所有异步操作都完成后再调用，否则Gulp会提前结束任务；
• 动态import本身是异步的，但你之前的错误不在于动态import，而在于没有等待后续的图片压缩流完成就调用了cb()。

内容的提问来源于stack exchange，提问作者vvye