webpack.config.js

const autoprefixer = require('autoprefixer');

/*** Main General Bundle ***/

// Creates the general bundle
var wpBundle = new Object({
    entry: [
        './instance/js/swing_firebase-api-init.js',
        './static/css/swing_app.scss',
        './static/js/swing_firebase.js',
        './static/js/swing_app.js'
    ],
    output: {
        filename: 'static/js/bundle/swing-bundle.js',
        library: 'swcms',
        libraryTarget: 'var',
        path: __dirname
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                loader: 'babel-loader',
                query: {
                    presets: [
                        [
                            '@babel/preset-env', {
                                'useBuiltIns': 'entry',
                                'corejs': {'version': '3', 'proposals': true},
                            }
                        ]
                    ],
                },
            },
            {
                test: /\.scss$/,
                use: [
                    { loader: 'file-loader',
                        options: {
                            name: 'static/css/bundle/swing-bundle.css',
                        },
                    },
                    { loader: 'extract-loader' },
                    { loader: 'css-loader' },
                    { loader: 'postcss-loader',
                        options: {
                            plugins: () => [autoprefixer()]
                        },
                    },
                    { loader: 'sass-loader',
                        options: {
                            // Prefer Dart Sass
                            implementation: require('sass'),
                            sassOptions: {
                                includePaths: ['./node_modules'],
                            },
                            webpackImporter: false,
                        }
                    }
                ]
            }
        ]
    }
});

/*** Specific Bundles ***/

// Creates the employees appointments bundle
var wpAppointmentsEmp = new Object({
    entry: [
        './instance/js/swing_countrycitystate-api-key.json',
        './static/js/appointment-emp.js'
    ],
    output: {
        filename: 'static/js/bundle/appointments-e.min.js',
        library: 'swapn',
        libraryTarget: 'var',
        path: __dirname
    },
    externals: {
        jsCalendar: 'jsCalendar'
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                loader: 'babel-loader',
                query: {
                    plugins: [
                        '@babel/plugin-proposal-class-properties'
                    ],
                    presets: [
                        [
                            '@babel/preset-env', {
                                'useBuiltIns': 'entry',
                                'corejs': {'version': '3', 'proposals': true},
                            }
                        ]
                    ]
                }
            }
        ]
    }
});

// Creates the users appointments bundle
var wpAppointmentsUsr = new Object({
    entry: [
        './instance/js/swing_countrycitystate-api-key.json',
        './static/js/appointment-usr.js'
    ],
    output: {
        filename: 'static/js/bundle/appointments-u.min.js',
        library: 'swapn',
        libraryTarget: 'var',
        path: __dirname
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                loader: 'babel-loader',
                query: {
                    plugins: [
                        '@babel/plugin-proposal-class-properties'
                    ],
                    presets: [
                        [
                            '@babel/preset-env', {
                                'useBuiltIns': 'entry',
                                'corejs': {'version': '3', 'proposals': true},
                            }
                        ]
                    ]
                }
            }
        ]
    }
});

// Creates the view appointments bundle
var wpAppointmentsView = new Object({
    entry: [
        './static/js/appointments-view.js'
    ],
    output: {
        filename: 'static/js/bundle/appointments-v.min.js',
        library: 'swapn',
        libraryTarget: 'var',
        path: __dirname
    },
    externals: {
        jsCalendar: 'jsCalendar'
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                loader: 'babel-loader',
                query: {
                    plugins: [
                        '@babel/plugin-proposal-class-properties'
                    ],
                    presets: [
                        [
                            '@babel/preset-env', {
                                'useBuiltIns': 'entry',
                                'corejs': {'version': '3', 'proposals': true},
                            }
                        ]
                    ]
                }
            }
        ]
    }
});

// Creates the initiator bundle - NOT IN USE
var wpRTCInitiator = new Object({
    entry: [
        './static/js/rtc-initiator.js'
    ],
    output: {
        filename: 'static/js/bundle/rtc-initiator.min.js',
        library: 'swrtc',
        libraryTarget: 'var',
        path: __dirname
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                loader: 'babel-loader',
                query: {
                    plugins: [
                        '@babel/plugin-proposal-class-properties'
                    ],
                    presets: [
                        [
                            '@babel/preset-env', {
                                'useBuiltIns': 'entry',
                                'corejs': {'version': '3', 'proposals': true},
                            }
                        ]
                    ]
                }
            }
        ]
    }
});

// Creates the receiver bundle - NOT IN USE
var wpRTCReceiver = new Object({
    entry: [
        './static/js/rtc-receiver.js'
    ],
    output: {
        filename: 'static/js/bundle/rtc-receiver.min.js',
        library: 'swrtc',
        libraryTarget: 'var',
        path: __dirname
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                loader: 'babel-loader',
                query: {
                    plugins: [
                        '@babel/plugin-proposal-class-properties'
                    ],
                    presets: [
                        [
                            '@babel/preset-env', {
                                'useBuiltIns': 'entry',
                                'corejs': {'version': '3', 'proposals': true},
                            }
                        ]
                    ]
                }
            }
        ]
    }
});

/*** Compilation of Bundles ***/

// Compile all modules
module.exports = [
    // wpRTCInitiator,
    // wpRTCReceiver,
    wpAppointmentsEmp,
    wpAppointmentsUsr,
    wpAppointmentsView,
    wpBundle
];