Sass Gulp browserSync运行1次更改
我试图在工作中为我们的开发环境设置Gulp browserSync,我已经让它工作了,但是当我第一次在sass中更改某些内容时,它不会刷新。但当我再次改变它时,它确实起作用了,但它改变为第一次改变的调整。所以它有一个变化的延迟 这是我的Gulpfile.js:Sass Gulp browserSync运行1次更改,sass,gulp,browser-sync,Sass,Gulp,Browser Sync,我试图在工作中为我们的开发环境设置Gulp browserSync,我已经让它工作了,但是当我第一次在sass中更改某些内容时,它不会刷新。但当我再次改变它时,它确实起作用了,但它改变为第一次改变的调整。所以它有一个变化的延迟 这是我的Gulpfile.js: var gulp = require('gulp'); var browserSync = require('browser-sync').create(); var sass = require('gulp-sass'); gulp.
var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var sass = require('gulp-sass');
gulp.task('browserSync', ['sass'], function() {
browserSync.init({
proxy: "develop.work.dev"
});
});
gulp.task('sass', function() {
return gulp.src("themes/comp-fluid/sass/**/*.scss")
.pipe(sass())
.pipe(gulp.dest("themes/comp-fluid/css"))
.pipe(browserSync.reload({
stream: true
}));
});
gulp.task('watch', ['browserSync', 'sass'], function(){
gulp.watch('themes/comp-fluid/sass/**/*.scss', ['sass']);
gulp.watch('themes/comp-fluid/views/**/*.tpl').on('change', browserSync.reload);
});