#2 - Gulp и SASS. Установка и работа

Полезная ссылка:

• Курс по изучению SASS;

Gulp позволяет оптимизировать множество рутинных задач и одна из таких задач - конвертация кода из SASS в CSS. Для автоматической конвертации данных необходимо построить функцию (задачу), прописать все настройки и далее выполнить команду в терминале, которая преобразует ваш SASS код в CSS.

Для работы с SASS предварительно необходимо установить плагин gulp-sass.

npm install --save-dev gulp-sass

Далее необходимо прописать переменную и подключить в неё библиотеку.

var sass = require('gulp-sass')

Теперь чтобы преобразовать данные из SASS в CSS необходимо прописать команду sass() внутри задачи:

function sassToCSS(done) {
	gulp.src('./scss/style.scss')
		.pipe(sass({
			errorLogToConsole: true,
			outputStyle: 'compressed'
		}))
		.on('error', console.error.bind(console))
		.pipe(rename({suffix: '.min'}))
		.pipe( gulp.dest('./css/') );
	done();
}