0
꿀꺽 거리는 소리와 함께 브라우저 동기화를 구성하려고합니다. 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(){
});