gulpfile.js
const { watch, series, src, dest } = require('gulp');
const rename = require('gulp-rename');
const sass = require('gulp-sass')(require('sass'));
const tildeImporter = require('node-sass-tilde-importer');
const buildCss = () => {
return src('scss/**/*.scss')
.pipe(sass({
importer: tildeImporter,
}).on('error', sass.logError))
.pipe(dest('dist'));
};
const minifyCss = () => {
return src('scss/**/*.scss')
.pipe(sass({
importer: tildeImporter,
outputStyle: 'compressed',
}).on('error', sass.logError))
.pipe(rename({
suffix: '.min'
}))
.pipe(dest('dist'));
};
exports.watch = () => watch('scss/**/*.scss', buildCss);
exports.default = series(buildCss, minifyCss);