webpack.config.js

const webpack = require('webpack');

module.exports = {
    //*************************************************
    //     E N T R Y   P O I N T S
    //*************************************************
    entry: [
        // use `script!` to make script files pacakges for webpack
        'script!jquery/dist/jquery.min.js',
        'script!foundation-sites/dist/foundation.min.js',
        './app/app.jsx'
    ],
    externals: {
        jquery: 'jQuery'
    },
    plugins: [
        new webpack.ProvidePlugin({
            // takes in one key value arguemet
            '$': 'jquery',
            'jQuery': 'jquery'
        })
    ],
    output: {
        path: __dirname,
        filename: './public/bundle.js'
    },
    //*************************************************
    //   T O   B E  R E S O L V E D  F I L E S
    //*************************************************
    resolve: {
        root: __dirname,//variable available in node.js by default
        alias: {
            Main: 'app/components/Main.jsx',
            applicationStyles: 'app/styles/app.scss',
            Nav: 'app/components/Nav.jsx'
        },//when updating webpack aliases restart webpack
        extensions: ['', '.js', '.jsx']
    },
    module: {
        loaders: [
            {
                loader: 'babel-loader',
                query: {
                    presets: ['react', 'es2015', 'stage-3']
                },
                test: /\.jsx?$/,
                exclude: /(node_modules|bower_components)/
            }
        ]
    },
    devtool: 'inline-source-map'
};//basics of webpack config file