webpack.config.js

let webpack = require('webpack');
let path = require('path');

// Naming and path settings
let appName = 'app';
let entryPoint = path.resolve(__dirname, './index.js');
let exportPath = path.resolve(__dirname, './');


let plugins = [
    new webpack.ProvidePlugin({
        Promise: 'es6-promise-promise',
        $: 'jquery',
        jQuery: 'jquery'
    })
];
// Differ settings based on production flag


plugins.push(new webpack.optimize.UglifyJsPlugin({ minimize: true }));
plugins.push(new webpack.optimize.LimitChunkCountPlugin({maxChunks: 15}));
plugins.push(new webpack.optimize.MinChunkSizePlugin({minChunkSize: 10000}));

//appName = appName + '.min.js';
appName = appName + '.js';


// Main Settings config
module.exports = {
    cache: true,
    entry: ['babel-polyfill', entryPoint],
    devtool: 'source-map',
    output: {
        path: exportPath,
        filename: appName
    },
    module: {
        loaders: [
            {
                test: /\.js$/,
                exclude: /(node_modules|bower_components)/,
                loader: 'babel-loader',
                query: {
                    presets: ['es2015']
                }
            }
        ]
    },
    // Use this anly if you need full compilation, not runtime-only.
    // Warning! It makes compilation slower!
    plugins // please keep all plugins in plugins variable. Otherwise plugins for optimisation are overwritten
};