javascript gulpfile.js

Posted 2021-05-03

var gulp = require('gulp');
var sass = require('gulp-sass');
var postcss = require('gulp-postcss');
var autoprefixer = require('autoprefixer');
var cssnano = require('cssnano');
var sourcemaps    = require('gulp-sourcemaps');

var sass_src_file = 'assets/scss/hyde-hyde.scss';
var output_folder = 'static/css';
var watched_resources = 'assets/scss/**/*';

gulp.task('scss', function () {
    gulp.src(sass_src_file)
        .pipe(sourcemaps.init())
        .pipe(sass().on('error', sass.logError))
        .pipe(postcss([ autoprefixer, cssnano]))
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest(output_folder));
});

// Watch asset folder for changes
gulp.task('watch', ['scss'], function () {
    gulp.watch(watched_resources, ['scss']);
});

gulp.task('default', ['watch']);