webpack.wordpress.config.js

/** @format */
const path = require( 'path' );
const webpack = require( 'webpack' );
const UglifyJsPlugin = require( 'uglifyjs-webpack-plugin' );

const env = process.env.NODE_ENV;

const config = {
	entry: './targets/wordpress/index.js',
	output: {
		filename: 'happychat.js',
		path: path.resolve( __dirname, 'targets/wordpress/assets' ),
	},
	module: {
		rules: [
			{
				test: /\.(js|jsx)$/,
				use: 'babel-loader',
				include: [ path.resolve( __dirname, 'src' ), path.resolve( __dirname, 'targets' ) ],
			},
		],
	},
	plugins: [
		new webpack.DefinePlugin( {
			'process.env.NODE_ENV': JSON.stringify( env ),
		} ),
	],
	resolve: {
		extensions: [ '.js', '.jsx' ],
		modules: [ path.resolve( __dirname ), path.resolve( __dirname, 'node_modules' ) ],
	},
};

switch ( env ) {
	case 'development':
		config.devtool = 'source-map';
		config.devServer = {
			contentBase: path.resolve( __dirname, 'targets/wordpress' ),
			publicPath: '/',
			port: 9000,
		};
		break;

	case 'production':
		config.plugins.push( new webpack.optimize.ModuleConcatenationPlugin() );
		config.plugins.push( new UglifyJsPlugin() );
		break;
}

module.exports = config;