时间戳

首页 > 解决方案 > Gulp 在开始时和实时后编译所有内容

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

问题描述

您好，我正在启动一个项目，需要使用 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)
});

标签： angulartypescriptgulp

解决方案

好吧，这就是答案，这会将所有内容编译一次，然后保持“观看”

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());

推荐阅读