webpack.config.js

var ngAnnotatePlugin = require('ng-annotate-webpack-plugin');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var webpack = require('webpack');
var path = require('path');

module.exports = {
    entry: "./src/app.js",
    output: {
        path: __dirname + '/dist',
        filename: "bundle.js?v=[hash]"
    },
    module: {
        loaders: [
            {
                test:/\.js$/,
                loaders: ['ng-annotate', 'babel']
            },
            {
                test: /\.scss$/,
                loaders: ["style-loader", "css-loader", "sass-loader"]
            },
            {
                test: /\.(woff|woff2)$/,
                loader: 'url?limit=10000&mimetype=application/font-woff'
            },
            {
                test: /\.(eot|svg|ttf)$/,
                loader: 'file'
            },
            { 
                test: /\.(png|jpg)$/, 
                loader: "url-loader?limit=100000" },
            {
                test: /\.json$/,
                loader: 'json'
            },
            {
                test: /\.html$/,
                loader: 'ngtemplate?relativeTo=' + (path.resolve(__dirname, './src')) + '/!html',
                exclude: /index\.html/
            }
        ]
    },
    devtool: 'eval',
    plugins: [
        new HtmlWebpackPlugin({
            title: 'Overwatch Team Balancer',
            favicon: './src/favicon.ico',
            template: './src/index.html'
        }),
        new ngAnnotatePlugin({
            add: true
        }),
        new webpack.optimize.UglifyJsPlugin({
            compress: {
                warnings: false
            }
        })
        ]
}