Question

您好，我正在启动一个项目，需要使用gulp进行实时编译，并且还需要在启动时进行完全编译，我该怎么办？我这样做了，无法让他们一起工作。

增量实时编译

gulp.task('default' ,function() { //can have a callback function
     gulp.parallel('refreshCss', 'htmlToBuild', 'indexHtmlToBuild', 'systemJsToBuild', 'imgToBuild', 'i18nToBuild');
  gulp.watch(paths.styles.files, gulp.parallel('refreshCss')); //when file in styles folder change, trigger runs
  gulp.watch(paths.html.files, gulp.parallel('htmlToBuild'));
  gulp.watch(paths.indexHtml.files, gulp.parallel('indexHtmlToBuild'));
  gulp.watch(paths.systemJs.files, gulp.parallel('systemJsToBuild'));
  gulp.watch(paths.img.files, gulp.parallel('imgToBuild'));
  gulp.watch(paths.i18n.files, gulp.parallel('i18nToBuild'));
  //takes too much time for node modules (remember to copy node modules)
});

在启动时进行完全编译（也应保持监视状态）//不起作用

gulp.task('default', gulp.series('refreshCss', 'htmlToBuild', 'indexHtmlToBuild', 'systemJsToBuild', 'imgToBuild', 'i18nToBuild'),function() { //can have a callback function  
  gulp.watch(paths.styles.files, gulp.parallel('refreshCss')); //when file in styles folder change, trigger runs
  gulp.watch(paths.html.files, gulp.parallel('htmlToBuild'));
  gulp.watch(paths.indexHtml.files, gulp.parallel('indexHtmlToBuild'));
  gulp.watch(paths.systemJs.files, gulp.parallel('systemJsToBuild'));
  gulp.watch(paths.img.files, gulp.parallel('imgToBuild'));
  gulp.watch(paths.i18n.files, gulp.parallel('i18nToBuild'));
  //takes too much time for node modules (remember to copy node modules)
});

Answer 1

这就是答案，它将所有内容编译一次，然后保持“观看”状态

function realtime() {
    gulp.watch(paths.styles.files, gulp.parallel('refreshCss'));
    gulp.watch(paths.html.files, gulp.parallel('htmlToBuild'));
    gulp.watch(paths.indexHtml.files, gulp.parallel('indexHtmlToBuild'));
    gulp.watch(paths.systemJs.files, gulp.parallel('systemJsToBuild'));
    gulp.watch(paths.img.files, gulp.parallel('imgToBuild'));
    gulp.watch(paths.i18n.files, gulp.parallel('i18nToBuild'));
};
// NEW - FULL COMPILE AND "LISTENING" TO CHANGES
gulp.task('default', gulp.series('refreshCss','htmlToBuild','indexHtmlToBuild','systemJsToBuild','imgToBuild','i18nToBuild'), realtime());

Gulp在开始时和之后实时编译所有内容

1 个答案: