6

ツールキットに gulp、sass、browsersync を追加したいと考えています。私は今、sass と browsersync タスクを設定して gulp を実行しています。

ローカル Apache サーバーの vhost から実行されている php アプリをスキニングしています。

browsersync のプロキシ オプションを使用して vhost を使用し、watch タスクから browsersync を実行しようとしています。

現在、ウォッチを実行すると、ポート 3000 でサーバーが見つかりません。「localhost:3000」に移動すると、クロムの「Web ページが見つかりません」というメッセージが表示されます。

ポート 3001 に移動すると、browsersync の管理 UI にアクセスできます。だから私はbrowsersyncが実行されていることを知っています。

私のgulp confは次のとおりです

/* 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']);
});
4

3 に答える 3

11

Apache (mamp を使用したサンプル) をインストールした場合は、ポートを 8080 に設定する必要があります。

私の設定：

 browserSync.init({
      open: 'external',
      host: 'local.dev',
      proxy: 'local.dev',
      port: 8080 // for work mamp
});
于 2016-02-20T19:53:19.600 に答える
3

BrowserSync の「プロキシ」オプションは、アクセスしたい場所ではなく、Apache ホストがアプリを提供している場所を指している必要があります。

たとえば、localhost:9000 で Ruby サーバーを実行している場合、proxy オプションでそれを指定し、browsersync がコマンドライン経由で出力する URL を介してブラウザー経由でアクセスします。

于 2015-04-20T19:50:27.327 に答える
-1

代わりにこれを使用し、vhost を追加します。例: mysite.local

それから

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

于 2015-10-21T18:50:46.887 に答える