webpack.config.js

const path = require('path');
const webpack = require('webpack');
const ForkCheckerPlugin = require('awesome-typescript-loader').ForkCheckerPlugin;

const ENV = process.env.ENV = process.env.NODE_ENV = 'development';
const HMR = true;

module.exports = {
    devtool: 'inline-source-map',
    cache: true,
    debug: false,

    entry: {
        'polyfills': './example/polyfills.ts',
        'vendor': './example/vendor.ts',
        'main': './example/boot.ts'
    },

    resolve: {
        extensions: ['', '.ts', '.js']
    },

    output: {
        path: './example',
        filename: '[name].bundle.js',
        sourceMapFilename: '[name].js.map',
        chunkFilename: '[id].chunk.js'
    },

    module: {
        preLoaders: [
            {
                test: /\.js$/,
                loader: 'source-map-loader',
                exclude: [
                    // these packages have problems with their sourcemaps
                    path.resolve(__dirname, 'node_modules/rxjs'),
                    path.resolve(__dirname, 'node_modules/@angular')
                ]
            }
        ],
        loaders: [
            { test: /\.ts$/, loader: 'awesome-typescript-loader' },

            // Support for CSS as raw text
            { test: /\.css$/, loader: 'raw-loader' },

            { test: /\.scss$/, loaders: ["style", "css", "sass"] },

            // support for .html as raw text
            { test: /\.html$/,  loader: 'raw-loader', exclude: [ './src/index.html' ] }
        ]
    },

    devServer: {
        port: 9000,
        host: 'localhost',
        historyApiFallback: true,
        contentBase: path.resolve(__dirname, 'example'),
        watchOptions: {
            aggregateTimeout: 300,
            poll: 1000
        }
    },

    plugins: [
        new ForkCheckerPlugin(),
        new webpack.DefinePlugin({
            HMR,
            ENV: JSON.stringify(ENV)
        }),
        new webpack.optimize.CommonsChunkPlugin({
            name: ['vendor', 'polyfills']
        })
    ]
};