webpack.conf.js

let webpack = require('webpack');
let UglifyJSPlugin = require('uglifyjs-webpack-plugin');
let path = require('path');

const FILE_NAME = 'checkout';

function getNextVersion() {
    let version = require('./package.json').version;
    version = version.split('.');
    version[2] = (parseInt(version[2]) + 1).toString();
    version = version.join('.');
    return version;
}

function getNextMajorVersion() {
    return getNextVersion().split('.')[0];
}

function getNextMinorVersion() {
    return getNextVersion();
}

function getVersionVars() {
    return {
        __MAJOR_VERSION__: JSON.stringify(getNextMajorVersion()),
        __MINOR_VERSION__: JSON.stringify(getNextMinorVersion())
    };
}

function getWebpackConfig({ version, filename, modulename, target = 'window', minify = false }) {

    let config = {
        module: {
            rules: [
                {
                    test: /sinon\.js$/,
                    loader: "imports?define=>false,require=>false"
                },
                {
                    test: /\.jsx?$/,
                    exclude: /(sinon|chai)/,
                    loader: 'babel-loader',
                    options: {
                        cacheDirectory: true
                    }
                },
                {
                    test: /\.(html?|css|json)$/,
                    loader: 'raw-loader'
                }
            ]
        },
        output: {
            filename: filename,
            libraryTarget: target,
            umdNamedDefine: true,
            library: modulename,
            pathinfo: false
        },
        bail: true,
        resolve: {
            extensions: [ '.js', '.jsx' ]
        },
        plugins: [
            new webpack.SourceMapDevToolPlugin({
                filename: '[file].map'
            }),
            new webpack.DefinePlugin({
                __TEST__: JSON.stringify(false),
                __IE_POPUP_SUPPORT__: JSON.stringify(true),
                __POPUP_SUPPORT__: JSON.stringify(true),
                __FILE_NAME__: JSON.stringify(filename),
                __FILE_VERSION__: JSON.stringify(version),
                __DEFAULT_LOG_LEVEL__: JSON.stringify('info'),
                ...getVersionVars()
            }),
            new webpack.NamedModulesPlugin(),
            new UglifyJSPlugin({
                test: /\.js$/,
                beautify: !minify,
                minimize: minify,
                compress: { warnings: false },
                mangle: minify,
                sourceMap: true
            })
        ]
    };

    return config;
}

let nextMajorVersion = getNextMajorVersion();
let nextMinorVersion = getNextMinorVersion();

module.exports.webpack_tasks = {

    major: {
        src: 'src/load.js',
        out: 'dist',
        cfg: getWebpackConfig({
            version: nextMajorVersion,
            filename: `${FILE_NAME}.js`
        })
    },

    minor: {
        src: 'src/load.js',
        out: 'dist',
        cfg: getWebpackConfig({
            version: nextMinorVersion,
            filename: `${FILE_NAME}.${nextMinorVersion}.js`
        })
    },

    major_min: {
        src: 'src/load.js',
        out: 'dist',
        cfg: getWebpackConfig({
            version: nextMajorVersion,
            filename: `${FILE_NAME}.min.js`,
            minify: true
        })
    },

    minor_min: {
        src: 'src/load.js',
        out: 'dist',
        cfg: getWebpackConfig({
            version: nextMinorVersion,
            filename: `${FILE_NAME}.${nextMinorVersion}.min.js`,
            minify: true
        })
    },

    lib: {
        src: 'src/index.js',
        out: 'dist',
        cfg: getWebpackConfig({
            version: nextMajorVersion,
            filename: `${FILE_NAME}.lib.js`,
            target: `umd`,
            modulename: `paypal`
        })
    },

    demo: {
        src: 'demo/app/client/js/index.jsx',
        out: 'demo/app/build',
        cfg: getWebpackConfig({
            version: nextMajorVersion,
            filename: `demo.js`,
            modulename: `ppdemo`
        })
    },

    child_loader: {
        src: 'src/loader/index.js',
        out: 'dist',
        cfg: getWebpackConfig({
            version: nextMajorVersion,
            filename: `checkout.child.loader.js`
        })
    },

    child_loader_min: {
        src: 'src/loader/index.js',
        out: 'dist',
        cfg: getWebpackConfig({
            version: nextMajorVersion,
            filename: `checkout.child.loader.min.js`,
            minify: true
        })
    }
};