gulp/ejs/scss

gulpfile.js

'use strict';

const gulp = require('gulp')

const sass = require('gulp-sass')
const autoprefixer = require('gulp-autoprefixer')

const ejs = require('gulp-ejs')
const rename = require('gulp-rename')

const paths = {
  styles: {
    src: 'src/scss/**/*.scss',
    dest: 'public/styles/'
  },
  templates: {
    src: 'src/ejs/**/*.ejs',
    dest: 'public/'
  }
}

const styles = () => {
  return gulp.src(paths.styles.src)
    .pipe(sass({outputStyle: 'compressed'}))
    .pipe(autoprefixer())
    .pipe(gulp.dest(paths.styles.dest))
}

const templates = () => {
  return gulp.src(paths.templates.src)
    .pipe(ejs())
    .pipe(rename({extname: '.html'}))
    .pipe(gulp.dest(paths.templates.dest))
}

const watch = () => {
  gulp.watch(paths.styles.src, styles)
  gulp.watch(paths.templates.src, templates)
}

exports.styles = styles
exports.templates = templates
exports.watch = watch

package.json

{
  "devDependencies": {
    "gulp": "^4.0.0",
    "gulp-autoprefixer": "^5.0.0",
    "gulp-ejs": "^3.1.3",
    "gulp-rename": "^1.2.3",
    "gulp-sass": "^4.0.1"
  }
}