gulpfile.js

'use strict';

const gulp = require('gulp');
const sass = require('gulp-sass')(require('sass'));
var browserSync = require('browser-sync').create();

function buildStyles() {
    return gulp.src('./scss/arcane-artifex.scss')
        .pipe(sass({ outputStyle: 'compressed' }).on('error', sass.logError))
        .pipe(gulp.dest('./css'))
        .pipe(browserSync.stream());


};
function reloadTemplates() {
    return () => {
        browserSync.reload("templates/**/*.html");

    }
}
exports.buildStyles = buildStyles;
exports.watch = function () {
    browserSync.init(
        {
            server: false,
            proxy: {
                target: "https://localhost:443/",
                ws: true,
            }

        }
    );
    gulp.watch("./templates/**/*.html").on('change', reloadTemplates);
    gulp.watch("./templates/**/*.hbs").on('change', reloadTemplates);

    gulp.watch(['./scss/**/*.scss', './scss/*.scss'], buildStyles);

};