0
我想配置瀏覽器與gulp同步,我想觀看我的scss文件並將它們編譯並保存在名爲dist的文件夾中,並且在更改時我也想重新加載瀏覽器這個過程就完成了。 到目前爲止,我成功地在一個新的窗口中觀看,編譯和加載結果,但是當scss文件進行了進一步更改時,我無法刷新瀏覽器窗口。我在這裏做了什麼錯誤?我也想知道這是否是正確的做法。瀏覽器同步重新加載不工作
這裏是我的gulpfile.js
'use strict';
var gulp = require('gulp'),
scss = require('gulp-sass'),
maps = require('gulp-sourcemaps'),
browsersync = require("browser-sync");
gulp.task("ScssCompiler",function(){
gulp.src("scss/style.scss")
.pipe(maps.init())
.pipe(scss())
.pipe(maps.write('./'))
.pipe(gulp.dest('dist'));
console.log("entered ScssCompiler");
});
gulp.task("sass-watch",["ScssCompiler"],browsersync.reload);
gulp.task("watchsass",function(){
browsersync({
server:{
baseDir:'./',
}
});
gulp.watch(['scss/*.scss'],['sass-watch']);
console.log("entered watchsass");
});
gulp.task("build",['watchsass'],function(){
console.log("entered build");
});
gulp.task("default",['build'],function(){
});