example gulpfile

gulpfile.js

const gulp = require('gulp');
const stylus = require('gulp-stylus');
const sourcemaps = require('gulp-sourcemaps');
const seq = require('gulp-sequence');
const postcss = require('gulp-postcss');
const autoprefixer = require('autoprefixer');
const del = require('del');

gulp.task('clean', (clb) => {
  return del(['./dist/**/*'], clb);
});

gulp.task('pages', () => {
  return gulp.src('./src/*.html')
    .pipe(gulp.dest('./dist'))
});

gulp.task('fonts', () => {
  return gulp.src('./src/fonts/**/*')
    .pipe(gulp.dest('./dist/fonts'))
});

gulp.task('images', () => {
  return gulp.src('./src/images/**/*')
    .pipe(gulp.dest('./dist/images'));
});

gulp.task('css', () => {
  return gulp.src('./src/stylesheets/app.styl')
    .pipe(sourcemaps.init())
    .pipe(stylus())
    .pipe(postcss([
      autoprefixer({
        cascade: false,
        browsers: ['not ie <= 9', '> 3%', 'last 2 versions']
      })
    ]))
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest('./dist/css'))
});

gulp.task('watch', () => {
  gulp.watch('./src/stylesheets/**/*.styl', ['css']);
  gulp.watch('./src/*.html', ['pages']);
  gulp.watch('./src/fonts/**/*', ['fonts']);
  gulp.watch('./src/images/**/*', ['images']);
});

gulp.task('build', seq('clean', ['css', 'pages', 'fonts', 'images']));
gulp.task('dev', seq('clean', ['css', 'pages', 'fonts', 'images'], 'watch'));