text: const gulp = require('gulp');
  const pug = require('gulp-pug-3');
  const sass = require('gulp-sass');
  
  gulp.task('sass', () => {
    return gulp.src('./app/SHEET_NAME.scss')
        .pipe(sass({
          outputStyle: 'expanded'
        }).on('error', sass.logError))
      .pipe(gulp.dest('../'))
  })
  
  gulp.task('html', function () {
    return gulp.src('./app/SHEET_NAME.pug')
      .pipe(pug({
        pretty: true,
        locals: require('../translation.json')
      }))
      .pipe(gulp.dest('../'))
  })
  
  gulp.task('watch', gulp.series(['sass', 'html'], () => {
    gulp.watch('./app/**/*.scss', gulp.series(['sass']))
    gulp.watch(['./app/**/*.pug','./app/**/*.js'], gulp.series(['html']))
  }))
  
  gulp.task('build', gulp.series([
    'sass',
    'html']))
  