var gulp = require('gulp'),
|
uglify = require('gulp-uglify'),
|
insert = require('gulp-insert'),
|
webpack = require('gulp-webpack'),
|
sourcemaps = require('gulp-sourcemaps')
|
;
|
|
var packageName = 'react-datetime';
|
var pack = require( './package.json' );
|
|
var getWPConfig = function( filename ){
|
return {
|
externals: {
|
react: 'React',
|
'react-dom': 'ReactDOM',
|
moment: 'moment'
|
},
|
output: {
|
libraryTarget: 'umd',
|
library: 'Datetime',
|
filename: filename + '.js'
|
}
|
};
|
};
|
|
var cr = ('/*\n%%name%% v%%version%%\n%%homepage%%\n%%license%%: https://github.com/arqex/' + packageName + '/raw/master/LICENSE\n*/\n')
|
.replace( '%%name%%', pack.name)
|
.replace( '%%version%%', pack.version)
|
.replace( '%%license%%', pack.license)
|
.replace( '%%homepage%%', pack.homepage)
|
;
|
|
var handleError = function( err ){
|
console.log( 'Error: ', err );
|
};
|
|
function wp( config, minify ){
|
var inputSrc = './Datetime.js';
|
var destSrc = 'dist/';
|
|
var stream = gulp.src( inputSrc )
|
.pipe( webpack( config ) )
|
.pipe( sourcemaps.init() )
|
;
|
|
if( minify ){
|
stream = stream.pipe( uglify() ).on( 'error', handleError );
|
}
|
|
return stream.pipe( sourcemaps.write() )
|
.pipe( insert.prepend( cr ) )
|
.pipe( gulp.dest( destSrc ) )
|
;
|
}
|
|
gulp.task( 'build', function( callback ) {
|
var config = getWPConfig( 'react-datetime' );
|
config.devtool = 'cheap-module-source-map';
|
wp( config );
|
|
config = getWPConfig( 'react-datetime.min' );
|
return wp( config, true );
|
});
|
|
gulp.task( 'default', ['build'] );
|