gulpfile.js

const { resolve } = require("path");
const { src, watch, dest } = require("gulp");
const if_ = require("gulp-if");
const sass = require('gulp-sass')(require('sass'));
const sourcemaps = require("gulp-sourcemaps");
const with_sourcemaps = () => !!process.env.DEBUG

const themeDir = resolve("ckanext/charts/theme");
const assetsDir = resolve("ckanext/charts/assets");

const build = () => {
    return src(resolve(themeDir, "charts.scss"))
        .pipe(if_(with_sourcemaps(), sourcemaps.init()))
        .pipe(sass({ outputStyle: !!process.env.DEBUG ? 'expanded' : 'compressed' }).on('error', sass.logError))
        .pipe(if_(with_sourcemaps(), sourcemaps.write()))
        .pipe(dest(resolve(assetsDir, "css")))
}


const watchSource = () => {
    watch(
        themeDir + "/**/*.scss",
        { ignoreInitial: false },
        build
    )
}


exports.build = build;
exports.watch = watchSource;