Come posso ottenere gulp + browsersync per lavorare su un vache di apache?

Question

Vorrei aggiungere gulp, sass e browsersync al mio toolkit. Ora eseguo gulp con un'attività sass e browsersync configurata.

Sto tagliando un'app di php in esecuzione da un vhost sul mio server locale Apache.

Sto tentando di eseguire browsersync da un'attività di controllo, utilizzando l'opzione proxy di browsersync per utilizzare il mio vhost.

Attualmente, quando eseguo l'orologio non è possibile trovare alcun server sulla porta 3000. Se si naviga su 'localhost: 3000' viene visualizzato il messaggio di chromi 'no web page found'.

Se si passa alla porta 3001, è possibile accedere all'interfaccia utente di gestione di browsersync. Quindi so che browsersync è in esecuzione.

mio sorso conf è la seguente

/* load plugins */ 
var gulp = require('gulp'), 
    sass = require('gulp-ruby-sass'), 
    browsersync = require('browser-sync') ; 

/* 
* define tasks 
*/ 

gulp.task('sass', function() { 
    return sass('assets/sass/main.sass') ;   
}) ; 


/* 
* browsersync conf 
*/ 

gulp.task('browser-sync', function() { 
    browsersync({ 
    proxy: 'localhost', 
    port: '3000' 
    }); 
}); 

gulp.task('browsersync-reload', function() { 
    browsersync.reload(); 
}); 

gulp.task('watch', ['browser-sync'], function() { 
    gulp.watch('assets/sass/**/*', ['css']); 
}); 


/* Default task */ 
gulp.task('default', ['sass'], function() { 
    gulp.watch("assets/sass/**.*", ['sass']); 
}); 

Answer 1

BrowserSync opzioni "proxy" devono essere rivolti al punto in cui il vostro ospite apache sta servendo la vostra applicazione, non dove si desidera accedere.

Per esempio, se sto correndo un server rubino su localhost: 9000 rilevo che nell'opzione proxy e l'accesso via browser tramite l'URL che browsersync uscita volontà a me tramite la riga di comando

Answer 2

uso questo, invece, aggiungi vhost es mysite.local

poi

gulp.task('server', function() { 
 
    browserSync.init({ 
 
     proxy: "mysite.local" 
 
    }); 
 
});

Answer 3

Se avete installato apache (campione con MAMP) è necessario configurare la porta a 8080

mio config:

browserSync.init({ 
     open: 'external', 
     host: 'local.dev', 
     proxy: 'local.dev', 
     port: 8080 // for work mamp 
});