Gulp 浏览器同步未将CSS注入浏览器

直到最近我才用过这个文件。现在一切都正常了，CSS仍然会被编译，除了将编译后的CSS注入浏览器

谢谢你的时间

var gulp = require('gulp');
var gutil = require('gulp-util');
var bs = require('browser-sync').create();

// Include plugins
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var less = require('gulp-less');
var minifycss = require('gulp-clean-css');
var streamqueue = require('streamqueue');

gulp.task('bs', function () {
   var files = [
      'libraries/file1.css',
   ];

   bs.init(files, {       
      proxy: 'localhost',
      port: '80',
      baseDir: './',
      startPath: 'joomla'
   })

   gulp.watch("libraries/file1.css", ['fcss']);

});

gulp.task('fcss', function() {
    var themes = ['.theme1','.theme2', '.theme3'];

    themes.forEach( function(theme) {
      return gulp.src(['libraries/'+theme+'.css', 
        'libraries/file1.css'
      ])
      .pipe(concat('style'+theme+'.css'))
      .pipe(gulp.dest('media/css'))
      .pipe(rename({suffix: '.min'}))
      .pipe(minifycss({advanced:false, keepSpecialComments : 0}))
      .pipe(gulp.dest('media/css'))

      .pipe(bs.stream());
   });
});

---

在缩小css之前，请尝试运行browsersync：

gulp.task('fcss', function() {
    var themes = ['.theme1','.theme2', '.theme3'];

    themes.forEach( function(theme) {
      return gulp.src(['libraries/'+theme+'.css', 
        'libraries/file1.css'
      ])
      .pipe(concat('style'+theme+'.css'))
      .pipe(bs.stream())
      .pipe(gulp.dest('media/css'))
      .pipe(rename({suffix: '.min'}))
      .pipe(minifycss({advanced:false, keepSpecialComments : 0}))
      .pipe(gulp.dest('media/css'));
   });
});

---

在缩小css之前，请尝试运行browsersync：

gulp.task('fcss', function() {
    var themes = ['.theme1','.theme2', '.theme3'];

    themes.forEach( function(theme) {
      return gulp.src(['libraries/'+theme+'.css', 
        'libraries/file1.css'
      ])
      .pipe(concat('style'+theme+'.css'))
      .pipe(bs.stream())
      .pipe(gulp.dest('media/css'))
      .pipe(rename({suffix: '.min'}))
      .pipe(minifycss({advanced:false, keepSpecialComments : 0}))
      .pipe(gulp.dest('media/css'));
   });
});

---

从某种程度上说，是的，是时机。gulp streams的工作方式意味着每个管道都是按顺序运行的。为了正常工作，浏览器同步需要接收一个未压缩的css流（在缩小之前）。在某种程度上，是的，是计时。gulp streams的工作方式意味着每个管道都是按顺序运行的。要正确工作，浏览器同步需要接收未压缩的css流（缩小之前）。