Gulp. Плагины. Компиляция SCSS в CSS
Мы продолжаем изучать Gulp. Сегодня мы рассмотрим необходимость плагинов в Gulp, установим один из них (для компиляции Sass файлов в CSS).
Для выполнения различных задач на front’е с помощью Gulp нужно установить плагины. Они устанавливаются как обычные npm пакеты. Для компиляции sass в css мы будем использовать плагин gulp-sass.
Компиляция sass файлов в css и их последующее сохранение в директорию — это gulp задача, которая определяется как функция (см. прошлый урок).
Код урока
const {src, dest, series, watch} = require('gulp');
const sass = require('gulp-sass');
sass.compiler = require('node-sass');
function defaultTask(cb) {
return src('./scss/**/*.scss')
.pipe(sass().on('error', sass.logError))
.pipe(dest('./css'));
}
exports.default = defaultTask
0 Comments