Question

在阅读了很多并尝试制作我自己的gulpfile.js后，我想出了如何让它编译我的＆＃34; scss＆＃34;对于＆＃34; css＆＃34;，问题是我的浏览器同步不起作用，因为我需要一个代理（因为我使用.php而不是.html），如果我在CMD上写这个：＆＃ 34;浏览器同步开始--proxy localhost：8080 / app＆＃34;我可以看到我的文件，但每次我修改我的＆＃34; scss＆＃34;时我都需要它同步。我现在需要的是在它上面实现代理服务并在每次保存/修改＆＃34; .scss＆＃34;时重新加载，这是我目前的gulpfile.js：

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正在看我的＆＃34; scss / syle.scss＆＃34;并更新我的＆＃34; css / style.css＆＃34;每次我修改scss文件。

Answer 1

您是否看过browserSync选项？ This应该就如何设置提供一个非常好的主意。你似乎没有在你提供的gulp文件中实现它。

如何在我的gulpfile中实现浏览器同步代理？

1 个答案: