webpack.config.js

const webpack = require('webpack');
const path = require('path');

const BUILD_DIR = path.resolve(__dirname, 'lib');
const APP_DIR = path.resolve(__dirname, 'src');

const WebpackConfig = {

	entry: APP_DIR + '/index.js',

	output: {
		path: BUILD_DIR,
		filename: 'index.js',
		libraryTarget: 'umd',
		// libraryTarget: 'commonjs2'
		library: 'ReactWeeklyDayPicker'
	},

	module: {
		rules: [
			{
        test: /\.css$/,
        use: [ 'style-loader', 'css-loader' ]
      },
			{
				loader: 'babel-loader',
				test: /\.js$/,
				exclude: /node_modules/,
				include : APP_DIR,
				options: {
					presets: [ 'env', 'react', 'es2015', 'stage-0']
				}
			}
		],
	},
	externals: {
	    'react': 'commonjs react' // this line is just to use the React dependency of our parent-testing-project instead of using our own React.
  }
}


// webpack production config.
if ( process.env.NODE_ENV === 'production' ) {

	WebpackConfig.externals = {
		'react': 'react',
		'react-dom': 'react-dom'
	};

	WebpackConfig.plugins = [
		new webpack.optimize.AggressiveMergingPlugin(),
		new webpack.optimize.UglifyJsPlugin({
			beautify: false,
			mangle: {
				screw_ie8: true,
			},
			compress: {
				warnings: false,
				screw_ie8: true
			},
			comments: false
		}),
	];

}


module.exports = WebpackConfig;