Wordpress 狼吞虎咽+；Browsersync：只想注入CSS

我已经试着让现场注射工作了两天了。。。当我读了《码头》和《更多git》后，准备放弃是：我不想重复的问题

我不使用less或sass等预处理器。我只想通过Browsersync重新加载更改后的CSS live。如果保存文件并设置了标题，则页面将重新加载。我尝试了这么多的选择，我的头都快晕过去了。 这是我尝试的最新迭代。有人愿意把我引向正确的道路吗

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

浏览器同步--版本

2.18.12

节点-v

v7.10.0

npm-v

5.0.1试试看

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

而不是

.pipe(browserSync.stream());

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

试试看

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

而不是

.pipe(browserSync.stream());

---

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

我猜您应该在通过autoprefixer后保存css文件。您的html文件应该链接到该css文件。@绘图代码在autoprefixer之后添加了：.pipe（gulp.dest（“./”），但没有更改。此时，我只想在上编辑style.css文件。/谢谢你的想法。我猜你应该在通过autoprefixer后保存css文件。您的html文件应该链接到该css文件。@绘图代码在autoprefixer之后添加了：.pipe（gulp.dest（“./”），但没有更改。此时，我只想在上编辑style.css文件。/谢谢您的想法，但仍然不起作用。它看起来像是在标题上。？rel=是否会引起问题@在进一步查看标题后，我发现一些奇怪的东西。在初始加载或手动重新加载时，标题标记为，并显示两次。手动保存style.css后，标题标记也会重复更改，但？rel=数字不同。。。。Wordpress与此有关吗？仍然不起作用。它看起来像是在标题上。？rel=是否会引起问题@在进一步查看标题后，我发现一些奇怪的东西。在初始加载或手动重新加载时，标题标记为，并显示两次。手动保存style.css后，标题标记也会重复更改，但？rel=数字不同。。。。Wordpress与此有关吗？