fullcalendar/tasks/webpack.js

const gulp = require('gulp')
const webpack = require('webpack-stream')
const filter = require('gulp-filter')
const modify = require('gulp-modify-file')
const uglify = require('gulp-uglify')
const packageConfig = require('../package.json')
const webpackConfig = require('../webpack.config')


gulp.task('webpack', function() {
  return createStream()
})

gulp.task('webpack:dev', function() {
  return createStream(true)
})

/*
this task will be considered done after initial compile
*/
gulp.task('webpack:watch', function(done) {
  createStream(true, true, done)
})


const jsFilter = filter([ '**/*.js' ], { restore: true })
const localeFilter = filter([ '**/locale-all.js', '**/locale/*.js' ], { restore: true })

function createStream(isDev, isWatch, doneCallback) {
  let doneCallbackCalled = false
  let stream = gulp.src([]) // don't pass in any files. webpack handles that
    .pipe(
      webpack(Object.assign({}, webpackConfig, {
        devtool: isDev ? 'source-map' : false, // also 'inline-source-map'
        watch: isWatch || false
      }))
    )
    .pipe(
      // don't write bogus .css.js(.map) files webpack created for standalone css outputs
      filter([ '**', '!**/*.css.js*' ])
    )
    .pipe(
      // populate <%= %> variables in source code
      modify(function(content) {
        return content.replace(
          /<%=\s*(\w+)\s*%>/g,
          function(match, p1) {
            return packageConfig[p1]
          }
        )
      })
    )
    .pipe(jsFilter)
    .pipe(modify(function(content, path, file) {

      // for modules that plug into the core, webpack produces files that overwrite
      // the `FullCalendar` browser global each time. strip it out.
      if (file.relative !== 'dist/fullcalendar.js') {
        content = content.replace(/(root|exports)\[['"]FullCalendar['"]\]\s*=\s*/g, '')
      }

      // strip out "use strict", which moment and webpack harmony generates.
      content = content.replace(/['"]use strict['"]/g, '')

      return content
    }))
    .pipe(jsFilter.restore)

  if (!isDev) {
    stream = stream
      .pipe(localeFilter)
      .pipe(uglify()) // uglify only the locale files, then bring back other files to stream
      .pipe(localeFilter.restore)
  }

  return stream.pipe(
    gulp.dest(webpackConfig.output.path)
  ).on('data', function() {
    if (doneCallback && !doneCallbackCalled) {
      doneCallbackCalled = true
      setTimeout(doneCallback, 100) // HACK: for some reason files not written an this point, so wait
    }
  })
}