webpack.config.www.js

var BellOnBundlerErrorPlugin = require('bell-on-bundler-error-plugin');
var CleanWebpackPlugin       = require('clean-webpack-plugin');
var CopyWebpackPlugin        = require('copy-webpack-plugin');
var ExtractTextPlugin        = require('extract-text-webpack-plugin');
var FaviconsWebpackPlugin    = require('favicons-webpack-plugin');
var HtmlWebpackPlugin        = require('html-webpack-plugin');
var autoprefixer             = require('autoprefixer');
var nested                   = require('postcss-nested');
var webpack                  = require('webpack');

module.exports = {
	entry: {
		index:   './www/js/index',
		privacy: './www/js/privacy'
	},
	output: {
		path:     'dist-www',
		filename: '[name].[hash].js'
	},
	module: {
		loaders: [
			{ exclude: 'node_modules', test: /\.(css)$/, loader: ExtractTextPlugin.extract('style', ['css?-autoprefixer&importLoaders=1&sourceMap', 'postcss']) },
			{ exclude: 'node_modules', test: /\.(eot|ttf|(woff(2)?(\?v=\d\.\d\.\d)?))$/, loader: 'url?name=fonts/[name].[hash].[ext]&limit=10000' },
			{ exclude: 'node_modules', test: /\.(gif|png|jpe?g|svg)$/i, loaders: ['url?name=images/[name].[hash].[ext]&limit=10000', 'image-webpack'] },
			{ exclude: 'node_modules', test: /\.(js)$/, loader: 'babel?cacheDirectory' },
			{ exclude: 'node_modules', test: /\.(json)/, loader: 'file?name=[name].[hash].[ext]' }
		]
	},
	resolve: {
		extensions: extensions(
			[''],
			['.www', '.browser', ''],
			['.json', '.js', '.css']
		)
	},
	bail:      process.env.NODE_ENV,
	devtool:   process.env.NODE_ENV ? 'source-map' : 'cheap-source-map',
	devServer: {
		port:  process.env.PORT,
		stats: {
			assets:       true,
			cached:       false, // Filters information from devServer.stats.modules
			cachedAssets: false, // Filters information from devServer.stats.assets
			children:     true,
			chunks:       false,
			colors:       true,
			errorDetails: true,
			errors:       true,
			hash:         false,
			modules:      true,
			publicPath:   false,
			reasons:      true,
			timings:      true,
			version:      false,
			warnings:     false
		}
	},
	plugins: [
		new webpack.EnvironmentPlugin([
			'CHROME_EXTENSION_ID'
		]),
		new BellOnBundlerErrorPlugin(),
		new CleanWebpackPlugin(['dist-www']),
		new CopyWebpackPlugin([
			{ from: 'assets/images/facebeefbanner.jpg', to: 'images' },
			{ from: 'www/CNAME' }
		]),
		new ExtractTextPlugin('[name].[hash].css'),
		new FaviconsWebpackPlugin({ logo: './assets/images/logo.png', title: 'HoverCards', prefix: 'favicons-[hash]/' }),
		new HtmlWebpackPlugin({
			title:           'HoverCards - More content. Fewer Tabs.',
			template:        'www/index.ejs',
			inject:          false,
			chunks:          ['index'],
			googleAnalytics: process.env.GOOGLE_ANALYTICS_ID && {
				trackingId:     process.env.GOOGLE_ANALYTICS_ID,
				pageViewOnLoad: true
			},
			mobile: true
		}),
		new HtmlWebpackPlugin({
			title:           'HoverCards - Privacy Policy.',
			filename:        'privacy.html',
			template:        'www/privacy.ejs',
			inject:          false,
			chunks:          ['privacy'],
			googleAnalytics: process.env.GOOGLE_ANALYTICS_ID && {
				trackingId:     process.env.GOOGLE_ANALYTICS_ID,
				pageViewOnLoad: true
			},
			mobile: true
		})
	],
	postcss: function() {
		return [nested, autoprefixer];
	}
};

if (!process.env.NODE_ENV) {
	var DotenvPlugin = require('webpack-dotenv-plugin');

	module.exports.plugins = module.exports.plugins.concat([
		new DotenvPlugin()
	]);
}

function extensions(injections, builds, extensions) {
	var results = [''];

	[].concat(injections).forEach(function(injection) {
		[].concat(builds).forEach(function(build) {
			[].concat(extensions).forEach(function(extension) {
				if (!injection && !build && !extension) {
					return;
				}
				results.push([injection, build, extension].join(''));
			});
		});
	});
	return results;
}