Question

我一直试图让现场注射工作两天......准备放弃，因为我已经阅读了码头，而且更多的git是：问题而不是我想重复。

我不会使用较少或较少的前任。我只想通过Browsersync更改CSS实时重新加载。如果我保存文件并设置了标题，页面将重新加载。我已经尝试了很多选择，我的头脑在旋转。这是我尝试的最新版本。有人想引导我走上正确的道路吗？

var gulp        = require('gulp');
var autoprefixer = require('gulp-autoprefixer');
var browserSync = require('browser-sync').create();

gulp.task('serve', function() {
    browserSync.init({
      proxy: "https://subdomain.mysite.dev",
      open: false,
      browser: 'firefox-developer',
      injectChanges: true,
      logLevel: "debug"
    });
    gulp.watch("./style.css", ['css']);
});

gulp.task('css', function() {
  return gulp.src('./style.css')
    .pipe(autoprefixer('last 2 versions'))
    .pipe(browserSync.stream());
});

gulp.task('default', ['serve']);

Kubuntu Linux 17.04

browser-sync --version

12年2月18日

node -v

V7.10.0

npm -v

5.0.1

Answer 1

尝试

.pipe(browserSync.reload({ stream:true }));

而不是

.pipe(browserSync.stream());

然后正如@The Dancing Code所说，在你的autoprefixer调用之后有了gulp.dest，并确保生成的文件是你的html中的文件。

Gulp + Browsersync：只想注入CSS

1 个答案: