webpack.config.js

var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
require('dotenv').config();

module.exports = {
    devtool: 'sourcemap',
    entry: {},
    module: {
        loaders: [
            {test: /jquery\.js$/, loader: "expose?jQuery"}, // Expose jQuery globally, otherwise angular won't see it
            {test: /angular\.js$/, loader: "imports?jquery"}, // Force jQuery to load before angular
            {test: /\.js$/, exclude: [/app\/lib/, /node_modules/], loader: 'ng-annotate!babel'},
            {test: /\.html$/, loader: 'raw'},
            {test: /\.styl$/, loader: 'style!css!stylus'},
            {test: /\.css$/, loader: 'style!css'},

            {test: /\.(woff|woff2)$/, loaders: ['url-loader?limit=100000']},
            {test: /\.(ttf|eot)$/, loaders: ['file-loader']},
            {test: /\.(wav|mp3)$/, loaders: ['file-loader']},
            {
                test: /\.woff(\?v=\d+\.\d+\.\d+)?$/,
                loader: 'url?limit=10000&mimetype=application/font-woff'
            },
            {
                test: /\.woff2(\?v=\d+\.\d+\.\d+)?$/,
                loader: 'url?limit=10000&mimetype=application/font-woff'
            },
            {
                test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
                loader: 'url?limit=10000&mimetype=application/octet-stream'
            },
            {
                test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
                loader: 'file'
            },
            {
                test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
                loader: 'url?limit=10000&mimetype=image/svg+xml'
            }
        ]
    },
    plugins: [
        // Injects bundles in your index.html instead of wiring all manually.
        // It also adds hash to all injected assets so we don't have problems
        // with cache purging during deployment.
        new HtmlWebpackPlugin({
            template: 'client/index.html',
            inject: 'body',
            hash: true
        }),

        // Automatically move all modules defined outside of application directory to vendor bundle.
        // If you are using more complicated project structure, consider to specify common chunks manually.
        new webpack.optimize.CommonsChunkPlugin({
            name: 'vendor',
            minChunks: function (module, count) {
                return module.resource && module.resource.indexOf(path.resolve(__dirname, 'client')) === -1;
            }
        }),

        new webpack.DefinePlugin({
            'process.env': {
                'NODE_ENV': JSON.stringify(process.env.NODE_ENV),
                'CLIENT_ID': JSON.stringify(process.env.CLIENT_ID),
                'SECRET': JSON.stringify(process.env.SECRET),
                'FHIR_URI': JSON.stringify(process.env.FHIR_URI),
                'OAUTH2_URI': JSON.stringify(process.env.OAUTH2_URI),
                'AUTH_URI': JSON.stringify(process.env.AUTH_URI),
                'PROXY': JSON.stringify(process.env.PROXY),
                'OFFLINE': JSON.stringify(process.env.OFFLINE)
            }
        })


    ]
};