Bir apache vhost'unu çalıştırmak için gulp + browsersync'i nasıl alırım?

Question

Araç setime gulp, sass ve browsersync eklemek istiyorum. Şu anda yapılandırılmış bir sass ve browsersync göreviyle çalışıyorum.

Yerel apache sunucumdaki bir vhost ile çalışan bir php uygulaması yapıyorum.

Browsersync'in vhost'umu kullanmak için proxy seçeneğini kullanarak bir watch görevinden browsersync'i çalıştırmayı deniyorum.

Şu anda, saati çalıştırdığım zaman, 3000 numaralı bağlantı noktasında hiçbir sunucu bulunamadı. 'Localhost: 3000'e gidersem chrom'lar' web sayfası bulunamadı 'iletisini alırım.

Bağlantı noktası 3001'e gidersem browsersync'ın yönetici UI'sine erişebilirim. Bu yüzden tarayıcının çalışmakta olduğunu biliyorum. Bunu erişmek istediğiniz

/* 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 "vekil" seçenekleri değil, apache konak uygulamanızı hizmet nerede işaret edilmelidir şöyle

Benim yudum conf olduğunu.

Örneğin, yerel sunucuda bir yakut sunucusu çalıştırdığını: 9000 ben yerine komut

Answer 2

kullanımı bu aracılığıyla bana irade çıkışını browsersync url yoluyla tarayıcı üzerinden vekil seçeneği ve erişiminde olduğunu işaret ediyorum vhost ekle mysite.local

sonra

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

apache'yi (MAMP ile numuneyi) yüklediyseniz

Answer 3

Eğer 8080

bağlantı noktasını yapılandırmanız gerekir Benim yapılandırma:

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