gulpfile.js

const gulp = require('gulp')
const { dirname, join } = require('path')
const runSequence = require('run-sequence')
const webpack = require('webpack')
const webpackStream = require('webpack-stream')
const p = require('gulp-load-plugins')()

const webpackEnv = process.env.NODE_ENV === 'production' ? 'prod' : 'dev'
const webpackConfig = require(join(__dirname, `build/webpack.${webpackEnv}.conf.js`))

const src = {
  lib: ['./src/*.js'],
  webpack: ['src/{styles,templates,vue}/**/*']
}

gulp.task('lib', () =>
  gulp.src(src.lib)
    .pipe(p.plumber())
    .pipe(p.babel())
    .pipe(gulp.dest('./lib'))
)

gulp.task('hljs', () =>
  gulp.src(`${dirname(require.resolve('highlight.js/styles/github.css'))}/**`)
    .pipe(gulp.dest('./static/styles/hljs'))
)

gulp.task('webpack', () =>
  gulp.src('src/scripts/main.js')
    .pipe(p.plumber())
    .pipe(webpackStream(webpackConfig, webpack))
    .pipe(gulp.dest('./dist'))
)

gulp.task('watch', () => {
  gulp.watch(src.lib, ['lib'])
  gulp.watch(src.webpack, ['webpack'])
})

gulp.task('build', cb => runSequence(['lib', 'hljs'], ['webpack'], cb))
gulp.task('develop', cb => runSequence('build', 'watch', cb))