webpack.config.js

const join = require('path').join;
const resolve = require('path').resolve;
const webpack = require('webpack');
const OpenBrowserPlugin = require('open-browser-webpack-plugin');

const PATHS = {
	src: join(__dirname, 'src'),
	fonts: join(__dirname, 'fonts'),
	build: join(__dirname, 'build')
};

module.exports = {
	entry: {
		src: join(PATHS.src, 'index.js')
	},
	resolve: {
		extensions: ['', '.js']
	},
	output: {
		path: PATHS.build,
		publicPath: '/build/',
		filename: 'bundle.js'
	},
	module: {
		loaders: [{
			test: /\.css$/,
			loaders: ['style', 'css'],
			include: PATHS.src
		}, {
			test: /\.js$/,
			loader: 'babel',
			include: PATHS.src,
			exclude: /node_modules/
		}, {
			test: /\.(eot|svg|ttf|woff|woff2)$/,
			include : PATHS.fonts,
			loader: `file?name=/fonts/[name].[ext]`
		}]
	},
	devtool: 'eval-source-map',
	devServer: {
		contentBase: process.cwd(),

		historyApiFallback: true,
		hot: true,
		inline: true,
		progress: true,

		// display only errors to reduce the amount of output
		stats: 'errors-only',

		// parse host and port from env so this is easy
		// to customize
		host: process.env.HOST,
		port: process.env.PORT
	},
	plugins: [
		new webpack.HotModuleReplacementPlugin(),
		new OpenBrowserPlugin({ 
			url: 'http://localhost:8080/webpack-dev-server/bundle'}),
	]
};