webpack.config.js

var _ = require( 'lodash' );
var path = require( 'path' );
var webpack = require( 'webpack' );
var HtmlWebpackPlugin = require( 'html-webpack-plugin' );

var pathApp;

function pathTo() {
    return path.join( __dirname, 'src', path.join.apply( path, arguments ) );
}

pathApp = _.partial( pathTo, 'app' );

module.exports = function ( options ) {
    var config = _.merge( {}, {
        entry: {
            vendor: [
                'font-awesome/css/font-awesome.min.css',
                'bootstrap/dist/css/bootstrap.min.css',
                'bootstrap/dist/css/bootstrap-theme.min.css',

                'jquery',
                'bluebird',
                'lodash',

                'angular',
                'angular-animate',
                'angular-aria',
                'angular-ui-router',

                'angular-strap/dist/angular-strap.min.js',
                'angular-strap/dist/angular-strap.tpl.min.js'
            ]
        },

        output: {
            path: path.join( __dirname, 'build' ),
            filename: 'js/[name]-[hash].js',
            publicPath: '/'
        },
        plugins: [
            new webpack.HotModuleReplacementPlugin(),
            new webpack.NoErrorsPlugin(),
            new webpack.ProvidePlugin( {
                jQuery: 'jquery',
                $: 'jquery',
                'window.jQuery': 'jquery'
            } ),
            new HtmlWebpackPlugin( {
                template: './src/assets/index.html',
                inject: 'body'
            } ),
            new webpack.optimize.CommonsChunkPlugin( 'vendor', 'js/vendor-[hash].js' )
        ],
        resolve: {
            extensions: [ '', '.js' ],
            alias: {
                //app sub aliases
                app: pathApp( 'index.js' ),
                controllers: pathApp( 'controllers' ),
                directives: pathApp( 'directives' ),

                //assets sub aliases
                assets: pathTo( 'assets' ),

                //vendor aliases
                jquery: 'jquery/dist/jquery.min.js'
            }
        },
        module: {
            loaders: [
                {
                    test: /\.html$/,
                    loader: 'ngtemplate?relativeTo=' + (path.resolve(__dirname, './src/app')) + '/!html'
                },
                {
                    test: /\.styl$/,
                    loader: 'style-loader!css!stylus'
                },
                {
                    test: /\.css$/,
                    loader: 'style-loader!css-loader'
                },
                {
                    test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
                    loader: 'url-loader?name=assets/[hash][name].[ext]&limit=10000&mimetype=application/font-woff'
                },
                {
                    test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
                    loader: 'file-loader?name=assets/[hash][name].[ext]'
                },
                {
                    test: /\.jpg|\.png|\.mp3/,
                    loader: 'file-loader?name=assets/[hash][name].[ext]'
                }
            ]
        },
        resolveLoader: {
            root: path.join( __dirname, 'node_modules' )
        }
    }, options.overrides );

    config.module.loaders = _.union( config.module.loaders, options.loaders );
    config.plugins = _.union( config.plugins, options.plugins );

    return config;
};