Dynamically install polyfills for outdated browsers with Babel 7 and core-js

.babelrc

{
    "presets": [
        [
            "@babel/preset-env",
            {
                "useBuiltIns": "entry",
                "corejs": 3
            }
        ]
    ],
    "plugins": ["@babel/plugin-syntax-dynamic-import"]
}

index.js

import Promise from "es6-promise";

// es6-promise is a light-weight promise we require to resolve Promise below
Promise.polyfill();

new Promise(resolve => {
    // run compatibility tests
    if (
        "startsWith" in String.prototype &&
        "endsWith" in String.prototype &&
        "includes" in Array.prototype &&
        "assign" in Object &&
        "keys" in Object
    )
        // new browsers that implement above features are exused
        return resolve({ status: "skipped" });

    // older browsers get named import from `payload.js`
    return import(/* webpackChunkName: "polyfill-payload" */ "./payload")
        .then(() => resolve({ status: "polyfills installed" }))
        .catch(() => resolve({ status: "failed payload import" }));
}).then(({ status }) => {
    // polyfills are conditionally loaded
    console.log(status);
    /**
     *
     * MOUNT YOUR APP HERE
     *
     **/

});

package.json

{
    "browserslist": "ie >= 10, chrome >=41, firefox >=35, samsung >= 5, opera >=37, android >=7",
    "devDependencies": {
        "@babel/core": "^7.4.5",
        "@babel/plugin-syntax-dynamic-import": "^7.2.0",
        "@babel/preset-env": "^7.4.5",
        "babel-loader": "^8.0.6",
        "core-js": "^3.1.4",
        "es6-promise": "^4.2.8",
        "formdata-polyfill": "^3.0.18",
        "raf": "^3.4.1",
        "regenerator-runtime": "^0.13.2",
    }
}

payload.js

// This is a list of all of the polyfill libraries which will be installed on older browsers:
import('core-js');
import('raf/polyfill');
import('formdata-polyfill');
import('regenerator-runtime/runtime');
import('event-propagation-path');