2024-03-29 14:22:19 +07:00

36 lines
994 B
JavaScript

const { src, dest } = require('gulp');
// const sass = require('sass');
// const gulpSass = require('gulp-sass');
const sass = require('gulp-sass')(require('sass'));
const cached = require('gulp-cached');
const sassUnicode = require('gulp-sass-unicode');
const autoprefixer = require('gulp-autoprefixer');
// const header = require('gulp-header');
// gulpSass.compiler = sass;
const {
filesScssBuilt,
outputStyle,
} = require('../config/directories');
const sassOpts = require('../config/sass');
const browserSync = require('../utils/browser-sync');
const { handleError } = require('../utils/errors');
function buildStyles() {
return src(filesScssBuilt)
.pipe(cached('scss'))
.pipe(sass(sassOpts))
.on('error', handleError)
.pipe(sassUnicode())
.on('error', handleError)
.pipe(autoprefixer())
.on('error', handleError)
.pipe(dest(outputStyle))
.pipe(browserSync.stream());
}
buildStyles.displayName = 'build:styles';
module.exports = buildStyles;