Gulp компилировать все на старте и в реальном времени после - PullRequest
Новая
       5

Gulp компилировать все на старте и в реальном времени после

0 голосов
/ 17 января 2019

Здравствуйте, я начинаю проект и мне нужно получить компиляцию в реальном времени с 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)
});

1 Ответ

0 голосов
/ 17 января 2019

Хорошо, вот ответ, он компилирует все один раз и затем продолжает "смотреть" 

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