webpack.config.js

'use strict';  
var webpack = require('webpack');
var BrowserSyncPlugin = require('browser-sync-webpack-plugin');
var path = require('path');

var APP = path.join(__dirname, '/app'); ;

module.exports = {
    context: APP,
    entry: './index.ts',
    output: {
        filename: 'bundle.js',
        path: 'dist'
    },
    devtool: 'inline-source-map',
    resolve: {
        extensions: ['', '.ts', '.js']
    },
    resolveLoader: {
        root: path.join(__dirname, '/node_modules')
    },
    plugins: [
        new BrowserSyncPlugin({
            host: 'localhost',
            port: 8082,
            proxy: 'http://localhost:8080/'
        })
    ],
    module: {
        loaders: [
            { test: /\.ts$/, loader: 'ts-loader'},
            { test: /\.css$/, loader: "style-loader!css-loader" },
            { test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "url-loader?limit=10000&minetype=application/font-woff" },
            { test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "file-loader" },
            { test: /\.html$/, exclude: /node_modules/, loader: 'raw' }
        ]
    }
};