Я пытался перезагрузить мои sass-файлы после внесения изменений, но, похоже, это не работает.BrowserSync работает нормально, но sass не перезагружается.Он перезагружается при повторном запуске gulp
в терминале.Я использую Gulp 4, вот мой gulpfile.js.
var gulp = require('gulp');
var browserSync = require('browser-sync');
var reload = browserSync.reload;
var sass = require('gulp-sass');
var concat = require('gulp-concat');
gulp.task('browser-sync', function() {
var files = [
'./sass/*.scss',
'./*.php'
];
browserSync.init(files, {
proxy: "http://localhost/example",
notify: true
});
});
gulp.task('sass', function () {
return gulp.src([
'sass/main.scss',
'sass/*.scss'
])
.pipe(sass({outputStyle: 'compressed'}))
.pipe(concat('styles.css'))
.pipe(gulp.dest('./css'))
.pipe(reload({stream:true}));
});
gulp.task('default', gulp.series('sass', 'browser-sync'), function () {
gulp.watch("sass/**/*.scss", gulp.series('sass'));
});