function configureServer(server, { paths, tasks }) {
    const views = createViewsArray(paths.views);

    // Reload on any changes to views or processed files
    server.watch(
        [
            ...views,
            join(paths.scripts.dest, '*.js'),
            join(paths.styles.dest, '*.css'),
            join(paths.svgs.dest, '*.svg'),
        ]
    ).on('change', server.reload);

    // Watch source scripts
    server.watch(
        [
            join(paths.scripts.src, '**/*.js'),
        ]
    ).on('change', () => {
        compileScripts(...developmentScriptsArgs);
    });

    // Watch source concats
    if (tasks.concats?.length) {
        server.watch(
            resolve(
                tasks.concats.reduce(
                    (patterns, { includes }) => patterns.concat(includes),
                    []
                )
            )
        ).on('change', () => {
            concatFiles(...developmentConcatFilesArgs);
        });
    }

    // Watch source styles
    server.watch(
        [
            join(paths.styles.src, '**/*.scss'),
        ]
    ).on('change', () => {
        compileStyles(...developmentStylesArgs);
    });

    // Watch source SVGs
    server.watch(
        [
            join(paths.svgs.src, '*.svg'),
        ]
    ).on('change', () => {
        compileSVGs(...developmentSVGsArgs);
    });
}
Configures the BrowserSync options.

@param  {BrowserSync} server         - The BrowserSync API.
@param  {object}      loconfig       - The project configset.
@param  {object}      loconfig.paths - The paths options.
@param  {object}      loconfig.tasks - The tasks options.
@return {void}