Компиляция Sass и Scss файлов через сборщик Gulp - это универсальный способ как компилировать файлы препроцессора Sass. В этом видео я покажу вам как настроить компиляцию препроцессора Sass через сборщик Gulp. Для этого нам понадобиться NPM - менеджер пакетов, входящий в состав node.js. Мы установим несколько модулей для компиляции Sass в CSS. Так же я расскажу зачем нужен gulp-sourcemaps и gulp-watch.

Плагин gulp-sass обновился, в связи с этим немного изменился принцип его подключения.
Для корректной работы таска styles нужно дополнительно установить пакет sass: npm i sass --save-dev
и заменить способ подключения с: const sass = require('gulp-sass');
на: const sass = require('gulp-sass')(require('sass'));

✔Команды для NPM установка модулей для Gulp
npm i gulp
npm init
npm i gulp-sass gulp-sourcemaps gulp-watch --SD

✔Советую посмотреть:
Плейлист Уроки по сборщику Gulp 4: [ Ссылка ]
Препроцессор Sass Установка: [ Ссылка ]
Препроцессор Sass Синтаксис: [ Ссылка ]
Основы препроцессора Sass: [ Ссылка ]

⚡️ Эксклюзив на Boosty - [ Ссылка ]
💡 Telegram канал - [ Ссылка ]
🎥 Курсы на Stepik - [ Ссылка ]
💰 Донаты на ЮMoney - [ Ссылка ]

ВКонтакте - [ Ссылка ]
Яндекс Дзен - [ Ссылка ]
Rutube - [ Ссылка ]

#gulp #gulp4 #itdoctor #обучение #gulpsass #gulpless #gulpbuild

свернуть