hp/gulpfile.js

const gulp = require('gulp'),
      sass = require('gulp-sass'),
      rename = require("gulp-rename"),
      concat = require("gulp-concat"),
      purgeCSS = require('gulp-purgecss'),
      sourcemaps = require('gulp-sourcemaps');
      purgeSourcemaps = require('gulp-purge-sourcemaps');
      browserSync = require('browser-sync').create();

gulp.task('copy', async function() {
  gulp.src([
    './node_modules/bootstrap/dist/js/bootstrap.bundle.js',
    './node_modules/jasny-bootstrap/dist/js/jasny-bootstrap.js'
  ])
  .pipe(sourcemaps.init({loadMaps: true}))
  .pipe(purgeSourcemaps())
  .pipe(gulp.dest('./js/'));
  gulp.src([
    './node_modules/bootstrap/dist/css/bootstrap.css',
    './node_modules/bootstrap-icons/font/bootstrap-icons.css',
    './node_modules/jasny-bootstrap/dist/css/jasny-bootstrap.css'
  ])
  .pipe(sourcemaps.init({loadMaps: true}))
  .pipe(purgeSourcemaps())
  .pipe(gulp.dest('./css/'));
  gulp.src([
    './node_modules/bootstrap-icons/font/fonts/bootstrap-icons.woff',
    './node_modules/bootstrap-icons/font/fonts/bootstrap-icons.woff2'
  ])
  .pipe(gulp.dest('./css/fonts/'));
  console.log("files 📄 copied from npm pkgs ");
});

gulp.task('build', async function() {
  console.log("Assets built 🔧");
});

function mixin() {
  return gulp.src('./css/_scss/**/*.scss')
    .pipe(sass().on('error',sass.logError))
    .pipe(gulp.dest('./css/'))
    .pipe(browserSync.stream());
}

function run() {
   browserSync.init({
      proxy: 'https://macs.local/hp',
      host: 'a.macs',
      open: 'external',
      port: 8888,
      https: true
   });
  gulp.watch('./css/*.scss', mixin);
  gulp.watch('./css/*.css').on('change', browserSync.reload);
  gulp.watch('./js/**/*.js').on('change', browserSync.reload);
}

exports.mixin = mixin;
exports.run = run;