awx/awx/ui/webpack.config.js

var awx_env,
    path = require('path'),
    webpack = require('webpack'),
    options = require('minimist')(JSON.parse(process.env.npm_config_argv).remain),
    merge = require('lodash').merge;

awx_env = {
    'proxy': {
        'django_host': process.env.npm_package_config_django_host,
        'django_port': process.env.npm_package_config_django_port
    }
};
merge(awx_env, options);

var vendorPkgs = [
    'angular',
    'angular-breadcrumb',
    'angular-codemirror',
    'angular-cookies',
    'angular-drag-and-drop-lists',
    'angular-duration-format',
    'angular-gettext',
    'angular-md5',
    'angular-moment',
    'angular-sanitize',
    'angular-scheduler',
    'angular-tz-extensions',
    'angular-ui-router',
    'bootstrap',
    'bootstrap-datepicker',
    'codemirror',
    'd3',
    //'javascript-detect-element-resize', // jquery-flavored dist is alias'd below
    'jquery',
    'jquery-ui',
    'js-yaml',
    'lodash',
    'lr-infinite-scroll',
    'moment',
    'ng-toast',
    'nvd3',
    'select2',
    'sprintf-js',
    'reconnectingwebsocket'
];

var dev = {
    entry: {
        app: './client/src/app.js',
        vendor: vendorPkgs
    },
    output: {
        path: './static/',
        filename: 'tower.js'
    },
    plugins: [
        // vendor shims:
        // [{expected_local_var : dependency}, ...]
        new webpack.ProvidePlugin({
            '$': 'jquery',
            'jQuery': 'jquery',
            'window.jQuery': 'jquery',
            '_': 'lodash',
            'CodeMirror': 'codemirror',
            'jsyaml': 'js-yaml',
            'jsonlint': 'codemirror.jsonlint',
        }),
        // (chunkName, outfileName)
        new webpack.optimize.CommonsChunkPlugin('vendor', 'tower.vendor.js'),
        new webpack.DefinePlugin({ $ENV: JSON.stringify(awx_env) })
    ],
    module: {
        preLoaders: [{
            test: /\.js?$/,
            loader: 'jshint-loader',
            exclude: ['/(node_modules)/'],
            include: [path.resolve() + '/client/src/'],
            jshint: {
                emitErrors: true
            }
        }],
        loaders: [{
            // disable AMD loading (broken in this lib) and default to CommonJS (not broken)
            test: /\.angular-tz-extensions.js$/,
            loader: 'imports?define=>false'
        }, {
            // es6 -> es5
            test: /\.js$/,
            loader: 'babel-loader',
            exclude: /(node_modules)/,
            query: {
                presets: ['es2015']
            }
        }]
    },
    resolve: {
        alias: {
            'codemirror.jsonlint': path.resolve() + '/node_modules/codemirror/addon/lint/json-lint.js',
            'jquery.resize': path.resolve() + '/node_modules/javascript-detect-element-resize/jquery.resize.js',
            'select2': path.resolve() + '/node_modules/select2/dist/js/select2.full.js'
        }
    },
    devtool: 'sourcemap',
    watch: true,
};

var release = {
    entry: {
        app: './client/src/app.js',
        vendor: vendorPkgs
    },
    output: {
        path: './static/',
        filename: 'tower.js'
    },
    plugins: [
        // vendor shims:
        // [{expected_local_var : dependency}, ...]
        new webpack.ProvidePlugin({
            $: 'jquery',
            jQuery: 'jquery',
            'window.jQuery': 'jquery',
            _: 'lodash',
            'CodeMirror': 'codemirror',
            'jsyaml': 'js-yaml',
            'jsonlint': 'codemirror.jsonlint'
        }),
        new webpack.DefinePlugin({ $ENV: {} }),
        new webpack.optimize.CommonsChunkPlugin('vendor', 'tower.vendor.js'),
        new webpack.optimize.UglifyJsPlugin({
            mangle: false
        })
    ],
    module: {
        loaders: [{
            // disable AMD loading (broken in this lib) and default to CommonJS (not broken)
            test: /\.angular-tz-extensions.js$/,
            loader: 'imports?define=>false!'
        }, {
            // es6 -> es5
            test: /\.js$/,
            loader: 'babel-loader',
            exclude: /(node_modules)/,
            query: {
                presets: ['es2015']
            }
        }, ]
    },
    resolve: {
        alias: {
            'codemirror.jsonlint': path.resolve() + '/node_modules/codemirror/addon/lint/json-lint.js',
            'jquery.resize': path.resolve() + '/node_modules/javascript-detect-element-resize/jquery.resize.js',
            'select2': path.resolve() + '/node_modules/select2/dist/js/select2.full.js'
        }
    }
};

module.exports = { dev: dev, release: release };