51 lines
1.2 KiB
JavaScript
51 lines
1.2 KiB
JavaScript
|
const gulp = require('gulp');
|
||
|
|
const prefix = require('gulp-autoprefixer');
|
||
|
|
const sourcemaps = require('gulp-sourcemaps');
|
||
|
|
const sass = require('gulp-sass');
|
||
|
|
|
||
|
|
/* ----------------------------------------- */
|
||
|
|
/* Compile Sass
|
||
|
|
/* ----------------------------------------- */
|
||
|
|
|
||
|
|
// Small error handler helper function.
|
||
|
|
function handleError(err) {
|
||
|
|
console.log(err.toString());
|
||
|
|
this.emit('end');
|
||
|
|
}
|
||
|
|
|
||
|
|
const SYSTEM_SCSS = ["scss/**/*.scss"];
|
||
|
|
function compileScss() {
|
||
|
|
// Configure options for sass output. For example, 'expanded' or 'nested'
|
||
|
|
let options = {
|
||
|
|
outputStyle: 'expanded'
|
||
|
|
};
|
||
|
|
return gulp.src(SYSTEM_SCSS)
|
||
|
|
.pipe(
|
||
|
|
sass(options)
|
||
|
|
.on('error', handleError)
|
||
|
|
)
|
||
|
|
.pipe(prefix({
|
||
|
|
cascade: false
|
||
|
|
}))
|
||
|
|
.pipe(gulp.dest("./css"))
|
||
|
|
}
|
||
|
|
const css = gulp.series(compileScss);
|
||
|
|
|
||
|
|
/* ----------------------------------------- */
|
||
|
|
/* Watch Updates
|
||
|
|
/* ----------------------------------------- */
|
||
|
|
|
||
|
|
function watchUpdates() {
|
||
|
|
gulp.watch(SYSTEM_SCSS, css);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ----------------------------------------- */
|
||
|
|
/* Export Tasks
|
||
|
|
/* ----------------------------------------- */
|
||
|
|
|
||
|
|
exports.default = gulp.series(
|
||
|
|
compileScss,
|
||
|
|
watchUpdates
|
||
|
|
);
|
||
|
|
exports.css = css;
|