Browser-Sync не вводит CSS в браузер

Question

Я использовал этот файл gulp до недавнего времени. Теперь все еще работает, 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()); 
    }); 
}); 

Answer 1

Попробуйте запустить browsersync, прежде чем Минимизировать CSS:

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')); 
    }); 
});