如何在我的gulp文件中實現瀏覽器同步代理？

閱讀了很多，並試圖讓自己的gulpfile.js我想出瞭如何使它編譯我的「scss」到「CSS」，問題是我的瀏覽器同步不起作用，因爲我需要一個代理因爲即時通訊使用.php不是.html），如果我在CMD上寫這個：「browser-sync start --proxy localhost：8080/app」我可以看到我的文件，但我需要它每次修改我的「SCSS」。所有我現在需要的是實現它，並重新加載代理的事情，每次我保存/修改「.scss」，這是我目前gulpfile.js：如何在我的gulp文件中實現瀏覽器同步代理？

var gulp = require('gulp'); 
var httpProxy = require('http-proxy'); 
var sass = require('gulp-sass'); 
var browserSync = require('browser-sync'); 
var paths = { 
    scss: '.sass/*.scss' 
}; 
gulp.task('sass', function() { 
    gulp.src('scss/style.scss') 
    .pipe(sass({ 
    includePaths: ['scss'] 
    })) 
    .pipe(gulp.dest('css')); 
}); 


gulp.task('browser-sync', function() { 
    browserSync.init(["css/*.css", "js/*.js"], { 
    server: { 
     baseDir: "./" 
    } 
    }); 
}); 


gulp.task('watch', ['sass', 'browser-sync'], function() { 
    gulp.watch(["scss/*.scss", "scss/base/*.scss", "scss/sections/*.scss", "scss/style/*.scss"], ['sass']); 

});

這gulpfile.js是看我的「SCSS/syle.scss「並每次修改scss文件時更新我的」css/style.css「。

來源

2015-10-24 Jonathan Smith

你有沒有看過browserSync選項？ This應該給你一個關於如何設置它的好主意。它似乎不像你在你提供的gulp文件中實現它。

來源

2015-10-26 09:09:40 flepp

如何在我的gulp文件中實現瀏覽器同步代理？

回答

相關問題