Gulp. Плагины. Компиляция SCSS в CSS

Главная » Видеоуроки » 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 Комментариев

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Подписаться на рассылку

Будьте в курсе - получайте последние статьи на свой email

Ваша подписка успешно оформлена

Pin It on Pinterest

Share This