gulpfile.babel.js

import gulp from 'gulp'
import serve from 'gulp-serve'
import webpack from 'webpack'
import gutil from 'gulp-util'
import path from 'path'
import {execSync} from 'child_process'
import webpackConfig from './webpack.config'

gulp.task('serve', serve({
  port: 3746,
  root: './demo'
}))

gulp.task('copy', () => {
  execSync('npm run copy')
})

gulp.task('webpack', (cb) => {
  let config = Object.create(webpackConfig)
  config.output.libraryTarget = 'commonjs2'
  config.output.library = true
  config.output.path = path.resolve('./')
  config.target = 'node'
  let compiler = webpack(config)
  compiler.run((err, stats) => {
    if(err) throw new gutil.PluginError("webpack", err)
    gutil.log("[webpack-webpack]", stats.toString({
      colors: true
    }))
    cb()
  })
})


gulp.task('browser', (cb) => {
  let config = Object.create(webpackConfig)
  config.plugins.push(new webpack.optimize.UglifyJsPlugin({
    compressor: {
      warnings: false
    }
  }))
  let compiler = webpack(config)
  compiler.run((err, stats) => {
    if(err) throw new gutil.PluginError("webpack", err)
    gutil.log("[webpack-browser]", stats.toString({
      colors: true
    }))
    cb()
  })
})

gulp.task('watch', () => {
  gulp.watch('./src/*', ['browser'])
  gulp.watch('./browser/*', ['copy'])
})

gulp.task('build', ['browser'])

gulp.task('default', ['build', 'serve', 'watch'])