Estoy tratando de crear un flujo de trabajo de trago que incluye nodemon, mecanografiado y browsersync. Cuando trato de recargar el navegador con browsersync, el navegador se recarga antes de que el servidor expreso haya tenido la oportunidad de terminar de crear rutas, etc. Así que al final tengo que recargar el navegador manualmente de todos modos (f5). He intentado usar eventos gulp-nodemon, gulp.watch() y tareas gulp-nodemon en la configuración. Todo fue en vano. Estoy pensando que, si es posible, puedo notificar a Nodemon que Express está listo y activar manualmente la carga de la página o tal vez incluso notificar a browsersync en el navegador de Express para recargar la página.

para simplificar, aquí hay una versión pequeña de mi gulpfile:

 const browser = require('browser-sync'); gulp.task('typescript', function(){ return gulp.src(config.src + '/**/*.ts') .pipe(tsProject()) .pipe(gulp.dest(config.dist)); }); gulp.task('server', function (done) { // Create nodemon instance $.nodemon({ script: config.dist + '/app.js', watch: config.src + '/**/*', ext: '*.*', env: { 'NODE_ENV': 'development' }, tasks: ['typescript'] }).on('start',function(done){ browser.reload(); }); done(); }); gulp.task('sync', function (done) { // Init browser-sync browser.init({ port: 3000, proxy: 'localhost:8000' }); done(); }; gulp.task('default', gulp.series(clean, 'typescript', 'server', 'sync'));

En su mayor parte todo funciona. TypeScript transpila, Nodemon comienza a servir la aplicación Express y BrowserSync se inicia correctamente. En los cambios, Typescript transpila, Nodemon reinicia la aplicación Express y BrowserSync se recarga. El problema es que BrowserSync se recarga antes de que Express tenga la oportunidad de comenzar a escuchar conexiones. ¿Alguna sugerencia?