javascript - 如何导入gulp任务？

Question

我引用了这篇文章: https://css-tricks.com/combine-webpack-gulp-4/

还有这个存储库: https://github.com/PascalAOMS/gulp4-webpack

我正在尝试将 gulp 任务从一个文件导入到另一个文件中。我尝试将任务编写为函数，然后正常导出这些任务，但开始收到错误“您忘记发出异步完成信号了吗？”。我还想也许我可以像往常一样编写任务，但将它们包装在一个函数中并将其导出，但还是出现同样的错误。

为了更清楚起见，我试图弄清楚如何将任务添加到此文件 https://github.com/PascalAOMS/gulp4-webpack/blob/master/tasks/index.js 中的构建 gulp.series 中

大家有什么想法吗？

这是index.js

 import gulp from 'gulp';
 import { scripts } from './webpack';
 import { server }  from './server';
 import { assets } from './tasks/assets';

 export const dev   = gulp.series( server )
 export const build = gulp.series( scripts, assets )
 export default dev

以下是 Assets 任务的示例:

import gulp from 'gulp';
const assets = () =>  {
   return gulp.src(fonts.src)
      .pipe(gulp.dest(fonts.dist));
}
export { assets };

Answer 1

无论出于什么原因，这段代码突然起作用了。将其留在这里以防对其他人有帮助:

index.js

import gulp from 'gulp';
import { scripts } from './webpack';
import { server }  from './server';
import { assets } from './tasks/assets';

export const dev   = gulp.series( server )
export const build = gulp.series( scripts, assets )
export default dev

任务/assets.js

import gulp from 'gulp';
const assets = () =>  {
   return gulp.src(fonts.src)
      .pipe(gulp.dest(fonts.dist));
}
export { assets };