Sé que hay muchas preguntas similares en SO y GitHub sobre esto, pero ninguna funciona en mi caso.
Necesito un proyecto para usar gulp + browsersync con apache vhost (creado con MAMP PRO 5.5).
Gulp está funcionando (hace todas las tareas que necesito). Browsersync está configurado pero abre mi sitio web en un puerto diferente al que usa MAMP. He probado con el puerto predeterminado y el puerto predeterminado de Mamp. Browsersync aún abre el sitio web con la URL correcta pero no con el puerto correcto.
Entiendo que no puedo usar el mismo puerto, pero ¿cómo puedo configurar Browsersync?
Aquí está mi parte relevante de trago:
gulp.task('browser-sync', ['sass', 'scripts'], function () { browserSync.init({ open: 'external', host: 'my-domain.dev', proxy: 'my-domain.dev', https: { key: "/Users/path-to-custom-certificate/my-domain.dev.key", cert: "/Users/path-to-custom-certificate/my-domain.dev.crt" }, //port: 443, // If I try same port as MAMP, Browsersync increments this port ex 444 browser: "google chrome" }); });Mybe algo se puede configurar en APACHE?
Dudé en eliminar mi pregunta, pero en caso de que pudiera ayudar:
Finalmente, parece que mi código Browsersync es correcto. Cuando ejecuto trago, abre la URL incorrecta con el puerto predeterminado de Browsersync:
https://my-domain.dev:3000 Pero cuando abro la URL correcta ( my-domain.dev ) configurada en apache, Browsersync se conecta y vuelve a cargar esa página.