webpack.config.js

const webpack = require("webpack");
const path = require("path");
const process = require("process");
const CleanWebpackPlugin = require('clean-webpack-plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const HandlebarsPlugin = require('handlebars-webpack-plugin');
const nib = require('nib');
const vendors = require('./webpack.vendors');

let extHost = process.env.HOST;

const host = '0.0.0.0';
const port = 3000;

module.exports = {
	entry: {
		client: ['./src/ts/lib/client.tsx'],
		vendor: vendors
	},
	output: {
		path: path.resolve(__dirname, './dist/webroot/'),
		filename: 'js/[name].js',
		publicPath: '/'
	},
	devtool: "source-map",
	devServer: {
		contentBase: [
			path.join(__dirname, "dist"),
			path.join(__dirname, "dist/webroot")
		],
		hot:true,
		overlay: {
			warnings: true,
			errors: true
		},
		historyApiFallback: true,
		host: host,
		port: port
	},
	resolve: {
		extensions: [".ts", ".tsx", ".js", ".json"]
	},
	module: {
		rules: [
			{
				test: /\.tsx?$/,
				use: ['awesome-typescript-loader']
			}, {
				test: /\.styl$/,
				use: [
					{
						loader: "style-loader",
						options: {
							sourceMap: true,
						}
					},
					{
						loader: 'css-loader',
						options: {
							sourceMap: true,
							minimize: true
						}
					}, {
						loader: 'stylus-loader',
						options: {
							sourceMap: true,
							use: [
								nib()
							]
						}
					}
				]
			},
			{
				enforce: "pre",
				test:
					/\.js$/,
				loader:
					"source-map-loader"
			},
			{
				test: /\.(woff|ttf|eot)(\?v=[a-z0-9]\.[a-z0-9]\.[a-z0-9])?$/,
				loaders:
					['file-loader']
			},
			{
				test: /\.(gif|png|jpe?g|svg)$/i,
				loaders:
					[
						{
							loader: 'file-loader',
							query: {
								context: './src',
								name: '[path][name].[ext]'
							}
						}
					]
			}
		]
	},
	plugins: [
		new CleanWebpackPlugin(['dist/webroot'], {
			verbose: true
		}),
		new webpack.NamedModulesPlugin(),
		new webpack.HotModuleReplacementPlugin(),
		new CopyWebpackPlugin([
			{
				from: 'src/webroot',
				to: __dirname + '/dist/webroot'
			}, {
				from: 'src/ts/app/api/local-data',
				to: __dirname + '/dist/webroot/local-data'
			}
		], {
			debug: false,
			copyUnmodified: false
		}),
		new HandlebarsPlugin({
			entry: './src/hbs/develop.hbs',
			output: './dist/index.html',
		}),
		new webpack.optimize.CommonsChunkPlugin({
			name: 'vendor',
			minChunks: Infinity
		})
	]
};