webpack.config.js

"use strict";
var webpack = require('webpack');
var path = require('path');
var loaders = require('./webpack.loaders');
var CopyWebpackPlugin = require('copy-webpack-plugin');

const HOST = process.env.HOST || "0.0.0.0";
const PORT = process.env.PORT || "8888";
const autoprefixer = require('autoprefixer');
const precss = require('precss');
const postcss = require('postcss');
const postcssImport = require('postcss-import');

module.exports = {
	entry: [
		`webpack-dev-server/client?http://${HOST}:${PORT}`, // WebpackDevServer host and port
		`webpack/hot/only-dev-server`,
		`./src/index.jsx` // Your appʼs entry point
	],
	devtool: process.env.WEBPACK_DEVTOOL || 'source-map',
	output: {
		path: path.join(__dirname, 'public'),
		filename: 'bundle.js'
	},
	resolve: {
		extensions: ['', '.js', '.jsx'],
		alias: {
			'sinon': 'sinon/pkg/sinon'
		}
	},
	// preLoaders:
	// {
	// 	test: /\.json$/,
	// 	loaders: ['json-loader']
	// },
	module: {
		loaders
	},
	noParse: [
		/node_modules\/sinon\//,
	],
	devServer: {
		contentBase: "./public",
			noInfo: true, //  --no-info option
			hot: true,
			inline: true,
			port: PORT,
			host: HOST
		},
	plugins: [
		new webpack.NoErrorsPlugin(),
		new webpack.HotModuleReplacementPlugin(),
		new CopyWebpackPlugin([
			{from: './src/index.html'}
		]),
	],
	postcss() {
		return [
			postcssImport({
				addDependencyTo: webpack
			}),
			precss,
			autoprefixer
		];
	},
	externals: {
		'react/addons': true, // important!!
		'react/lib/ExecutionEnvironment': true,
		'react/lib/ReactContext': true
	}
};