gulpタスクをインポートするには？

Question

私はこの記事を参照しています： https://css-tricks.com/combine-webpack-gulp-4/

そしてこのリポジトリ： https://github.com/PascalAOMS/gulp4-webpack

私は別のものに一つのファイルから一気のタスクをインポートしようとしています。関数としてタスクを記述し、通常のようにそれらをエクスポートしてみましたが、「非同期完了を通知するのを忘れましたか？」というエラーが発生しました。私は多分いつものようにタスクを書くことができるかもしれないと思ったが、それらを関数にラップしてエクスポートしたが、同じエラー。より明確にするために

私は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 

は、資産タスクの例ですです：これはまだそれほどES6 modules

をサポートしていないノードで実行されますので、

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

Answer 2

使用CommonJs feを置き換える別の解決策は、最初のbabelようtranspilerを通して、あなたの設定を実行することです

module.exports = { 
assets 
} 

と

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

と

export {assets}; 

と

import { scripts } from './webpack'; 

。