Senior Frontend - javascript, html, css

Установка gulp + browsersync



1. Инициализируем проект и устанавливаем необходимые пакеты.

npm init

npm i –g gulp

npm i --save-dev gulp



 npm i --save-dev browser-sync 

2. Создаем файл gulpfile.js и выполняем настройку пакетов.

 var gulp = require('gulp');

 var browserSync = require('browser-sync').create();



gulp.task('browser-sync', () => {

    browserSync.init({

        server: {

            baseDir: "./"

        }

    });

});

3. Запускаем gulp и получаем автоматическую перезагрузку страниц при изменении файлов.



Tакже gulp поддерживает разные плагины, например:

Sass - компиляция sass в css;

gulp-watch — мониторинг изменений;

Gulp autoprefixer — автоматическая проставновка браузерных префиксов.