webpack.config.js

/**
 * External dependencies
 */
var webpack = require( 'webpack' ),
	autoprefixer = require( 'autoprefixer' ),
	NODE_ENV = process.env.NODE_ENV || 'development',
	path = require( 'path' );

const CleanWebpackPlugin = require('clean-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')

var config = {
	mode: NODE_ENV,
	entry: {
		'bundle' : [
			'./src'
		]
	},

	output: {
		path: path.join( __dirname, 'build' ),
		publicPath: '/build/',
		filename: '[name].js',
		devtoolModuleFilenameTemplate: 'app:///[resource-path]'
	},

	module: {
		rules: [
			{
				test:   /\.jsx?$/,
				loader: 'babel-loader',
				exclude: /node_modules/,
				include: path.join( __dirname, '/src' )
			},
			{
				test: /\.json$/,
				loader: 'json-loader'
			},
			{
				test: /\.scss$/,
				loaders: [
					'isomorphic-style-loader',
					'css-loader?modules&importLoaders=1&localIdentName=[path][local]&camelCase=dashes&sourceMap',
					'postcss-loader',
					'sass-loader?sourceMap'
				]
			}
		],
	},
	resolve: {
		extensions: [ '.json', '.js', '.jsx' ]
	},
	node: {
		console: false,
		process: true,
		global: true,
		Buffer: true,
		__filename: 'mock',
		__dirname: 'mock',
		fs: 'empty'
	},
	plugins: [
		new webpack.DefinePlugin( {
			'process.env': {
				NODE_ENV: JSON.stringify( NODE_ENV ),
				BROWSER: JSON.stringify( true )
			}
		} ),
	]
};

if ( process.env.NODE_ENV !== 'production' ) {
	// Switches loaders to debug mode. This is required to make CSS hot reloading works correctly (see
	// http://bit.ly/1VTOHrK for more information).
	//config.debug = true;

	// Enables source maps
	config.devtool = 'eval';

	config.devServer = {
		hot: true,
		port: 7777,
		historyApiFallback: true
	};

	/*config.module.rules.unshift( {
		test:   /\.jsx?$/,
		loader: 'react-hot-loader/webpack',
		include: path.join( __dirname, '/src' ),
		exclude: /node_modules/,
	} );*/
}

if ( NODE_ENV === 'production' ) {
	config.optimization = {};
	config.optimization.minimizer = [
		new UglifyJsPlugin()
	];
	/*config.plugins.push(
		new webpack.optimize.UglifyJsPlugin( {
			output: {
				comments: false
			},
			compress: {
				warnings: false
			}
		} )
	);*/
}

module.exports = config;