babel.config.js

module.exports = function (api) {
    const modulesEnabled = api.env('test');
    api.cache.using(function () {
        return process.env.NODE_ENV;
    });
    return {
        presets: [
            // We don't need to convert import/export statements unless in test/Jest environment (as Webpack will handle later; not converting here preserves code-splitting).
            // @see https://stackoverflow.com/questions/63563485/how-can-i-preserve-dynamic-import-statements-with-babel-preset-env
            ['@babel/preset-env', { modules: modulesEnabled ? 'auto' : false }],
            '@babel/preset-react',
        ],
        plugins: [
            '@babel/plugin-syntax-dynamic-import',
            '@babel/plugin-proposal-object-rest-spread',
            '@babel/plugin-proposal-class-properties',
            'babel-plugin-minify-dead-code-elimination',
            ['@babel/plugin-proposal-decorators', { legacy: true }],
            [
                '@babel/transform-async-to-generator',
                {
                    module: 'bluebird',
                    method: 'coroutine',
                },
            ],
            [
                '@babel/plugin-proposal-pipeline-operator',
                { proposal: 'minimal' },
            ],
            ['@babel/plugin-transform-runtime'],
        ],
        comments: true,
    };
};