Question

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

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

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

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

有人有什么想法吗？

这里是index.js

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

以下是资产任务的一个示例：

{{1}}

Answer 1

使用CommonJs，因为这将与尚未支持ES6 modules

的节点一起运行

所以替换f.e。

import { scripts } from './webpack';

带

const scripts = require(./webpack).scripts;

和

export {assets};

与

module.exports = {
 assets
}

另一个解决方案是首先通过babel等转发器运行配置。

Answer 2

无论出于何种原因，此代码突然起作用。离开这里，以防它可能帮助别人：

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 };

如何导入gulp任务？

2 个答案: