ノードサーバ+フロントエンド資産のコンパイルを実行する最も良い方法は？

Question

私はノード開発を初めて経験しました。Express APIバックエンドとリアクションフロントエンドを備えた小さな統計アプリケーションを開発しています。私はWebPACKのに

コンパイルを使用して、私のファイルの変更を監視し、

• 再起動ノードサーバ
• ランが
• は、フロントエンドのJSを反応させるのビルド・テストしまうのdevの起動スクリプトをアップ配線に苦労していますSCSS

私は個々にこれらのそれぞれに対して機能するGulpタスクを持っていますが、それらをすべて並列に実行するにはどうすればよいのでしょうか？

Answer 1

単一のグループタスクに複数のグループタスクをdependent tasksとして追加できます。従属タスクは、グループタスク名の配列によって定義されます。タスクは並行して実行されます。

gulp.task('webpack',() => { 
    // build webpack 
}); 

gulp.task('test',() => { 
    // run tests 
}); 

gulp.task('scss',() => { 
    // compile scss 
}); 

gulp.task('server',() => { 
    // run and restart server 
}); 

// Runs all the tasks in parallel 
gulp.task('run', [ 'webpack', 'scss', 'test', 'server' ]); 

あなたがあなたのWebPACKを構築し、サーバーを起動する前に、あなたのSCSSをコンパイルしたい場合、たとえば、他のタスクに依存しているタスクがある場合は、依存関係と、そのタスクのような個々のタスクにそれらを追加することができます依存するタスクが完了するまで実行されません。

gulp.task('webpack', (done) => { 
    // build webpack 

    return done(); // signals completion of 'webpack' task to gulp 
}); 

gulp.task('test',() => { 
    // run tests 
}); 

gulp.task('scss', (done) => { 
    // compile scss 

    return done(); // signals completion of 'scss' task to gulp 
}); 

// The actual callback for the 'server' task won't execute until 
// the 'webpack' and 'scss' tasks have completed 
gulp.task('server', ['webpack', 'scss'],() => { 
    // run and restart server 
}); 

gulp.task('run', ['test', 'server']);