Автоматическое обновление в браузере при написании кода с помощью gulp?

Question

[karimovcode]

Всем привет, я начал использовать gulp
Установил (CLI version: 2.2.0 Local version: 4.0.2) так же browser-sync (2.26.7)
После выполнения в терминале команды gulp watch если внесены изменения в *.scss файл то *.css файл сам меняется.
Что мне в этом коде прописать, что бы после выполнения команды в терминале gulp watch вместе с изменениями в
любых файлах проекта, в окне браузера так же автоматически обновлялись изменения
Вот код:

const gulp = require('gulp');
const sass = require('gulp-sass');
const sourcemaps = require('gulp-sourcemaps');
const watch = require('gulp-watch');

gulp.task('sass-compile', function(){
return gulp.src('./scss/**/*.scss')
.pipe(sourcemaps.init())
.pipe(sass().on('error', sass.logError))
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest('./css/'))
})

gulp.task('watch', function() {
gulp.watch('./scss/**/*.scss', gulp.series('sass-compile'))
})

Answer 1

[Антон Неверов]

Используйте BrowserSync

Comments

[karimovcode]

я его установил, а как в код прописать не пойму

[Антон Неверов]

Учите JavaScript и читайте документацию Gulp'а.
Ну или используйте уже чужие наработки в этом плане. Например, мой гульп: https://github.com/TTATPuOT/FishGulpBootstrap - правда, он без Sass.

[Сергей delphinpro]

karimovcode, Вам ссылку дали. Там готовый код для использования в галп https://www.browsersync.io/docs/gulp