getBabelConfig.js

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const getBrowserslistQuery_1 = require("./getBrowserslistQuery");
function getBabelConfig({ modules, cwd }) {
    const targets = getBrowserslistQuery_1.getBrowserslistQuery({ cwd });
    if (!process.env.JEST_WORKER_ID) {
        console.log('');
        console.log('---------------------------------------------------------------------------------');
        console.log('= BABEL PRESET-ENV TARGETS (=BROWSERSLIST QUERY) : ', targets);
        console.log('---------------------------------------------------------------------------------');
    }
    return {
        // https://github.com/facebook/create-react-app/blob/master/packages/babel-preset-react-app/create.js#L78
        presets: [
            [
                // https://babeljs.io/docs/en/babel-preset-env
                require.resolve('@babel/preset-env'),
                {
                    // read browserslist config manually by getBrowserslistQuery
                    targets,
                    ignoreBrowserslistConfig: true,
                    // TODO improved polyfill builtin?
                    useBuiltIns: false,
                    // https://babeljs.io/docs/en/babel-preset-env#modules
                    // webpack - modules: false
                    // jest - modules: 'commonjs'
                    modules,
                    exclude: ['transform-typeof-symbol'],
                },
            ],
            [
                require.resolve('@babel/preset-react'),
                {
                    useBuiltIns: true,
                },
            ],
            require.resolve('@babel/preset-typescript'),
        ],
        plugins: [
            require.resolve('@babel/plugin-transform-destructuring'),
            [
                require.resolve('@babel/plugin-proposal-decorators'),
                {
                    legacy: false,
                    decoratorsBeforeExport: true,
                },
            ],
            [
                require.resolve('@babel/plugin-proposal-class-properties'),
                {
                    loose: true,
                },
            ],
            [
                require.resolve('@babel/plugin-proposal-object-rest-spread'),
                {
                    useBuiltIns: true,
                },
            ],
            require.resolve('@babel/plugin-syntax-dynamic-import'),
            require.resolve('@loadable/babel-plugin'),
            [
                require.resolve('babel-plugin-named-asset-import'),
                {
                    loaderMap: {
                        svg: {
                            ReactComponent: '@svgr/webpack?-svgo![path]',
                        },
                    },
                },
            ],
            require.resolve('babel-plugin-styled-components'),
            [
                require.resolve('babel-plugin-import'),
                {
                    libraryName: 'antd',
                },
            ],
        ],
        overrides: [
            {
                test: /\.(ts|tsx)$/,
                plugins: [
                    [
                        require.resolve('@babel/plugin-proposal-decorators'),
                        {
                            legacy: true,
                        },
                    ],
                ],
            },
        ],
    };
}
exports.getBabelConfig = getBabelConfig;
//# sourceMappingURL=getBabelConfig.js.map