webpack.config.js

var path = require('path') // for file operations comes with npm . No need to install separately
var HtmlWebpackPlugin = require('html-webpack-plugin');
var webpack = require('webpack');

var config = {
	entry: './app/index.js',
	output: {
		path: path.resolve(__dirname,'dist'),
		filename: 'index_bundle.js',
		publicPath: '/'
	},
	module: {
		rules : [
			{ test: /\.(js)$/,use: 'babel-loader'},
			{ test: /\.css$/, use: ['style-loader', 'css-loader']},
			{ test: /\.(png|jpg|gif)$/, use: ['url-loader?limit=5000','image-webpack-loader']}
		]
	},
	devServer: {
		historyApiFallback:true,
	},
	plugins : [new HtmlWebpackPlugin ( {
		template: 'app/index.html'
	})]
}

if (process.env.NODE_ENV === 'production') {
	config.plugins.push(
		new webpack.DefinePlugin({
			'process.env' : {
				'NODE_ENV': JSON.stringify(process.env.NODE_ENV)
			}
		}),

		new webpack.optimize.UglifyJsPlugin()
	)
}

module.exports = config;