website/gulpfile.js

/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 * 
 *   http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

const gulp     = require("gulp"),
      sass     = require("gulp-sass"),
      hash     = require("gulp-hash"),
      prefixer = require("gulp-autoprefixer"),
      uglify   = require("gulp-uglify"),
      del      = require("del");

const SRCS = {
  sass: 'assets/sass/style.scss',
  sassWatch: 'assets/sass/**/*.scss',
  js: 'assets/js/app.js'
}

const DIST = {
  css: 'static/css',
  js: 'static/js'
}

const sassConfig = {
  outputStyle: 'compressed'
}

const prefixerConfig = {
  browsers: ['last 2 versions'],
	cascade: false
}

gulp.task('sass', (done) => {
  del([`${DIST.css}/style-*.css`]);

  gulp.src(SRCS.sass)
    .pipe(sass(sassConfig).on('error', sass.logError))
    .pipe(hash())
    .pipe(prefixer(prefixerConfig))
    .pipe(gulp.dest(DIST.css))
    .pipe(hash.manifest('assetHashes.json'))
    .pipe(gulp.dest('data'));
  done();
});

gulp.task('sass:watch', () => {
  gulp.watch(SRCS.sassWatch, gulp.series('sass'));
});

gulp.task('js', (done) => {
  gulp.src(SRCS.js)
    .pipe(gulp.dest(DIST.js));

  done();
});

gulp.task('js', (done) => {
  del([`${DIST.js}/app-*.js`]);

  gulp.src(SRCS.js)
    .pipe(hash())
    .pipe(gulp.dest(DIST.js))
    .pipe(hash.manifest('assetHashes.json'))
    .pipe(gulp.dest('data'));
  done();
});

gulp.task('js:watch', () => {
  gulp.watch(SRCS.js, gulp.series('js'));
});

gulp.task('build', gulp.series('sass', 'js'));

gulp.task('dev', gulp.series('build', gulp.parallel('sass:watch', 'js:watch')));