Gatsby import babel polyfill

• Вы можете попробовать использовать babel-presets-env, поскольку нужный вам полифилл включен в предустановку.
• В противном случае я настоятельно рекомендую http://polyfill.io/ значительно упростить все эти полифайлы, если вы хорошо полагаетесь на сторонние службы.

Решение:

// gatsby-node.js

exports.modifyWebpackConfig = ({ config, stage }) => {
    if (stage === "build-javascript") {
        config._config.entry.app = ["babel-polyfill", config.resolve().entry.app];
    }

    return config;
};

Единственная грязная часть - это доступ к частному (с префиксом подчеркивания) свойству _config. Теоретически, более подходящее решение выглядело бы так:

exports.modifyWebpackConfig = ({ config, stage }) => {
    if (stage === "build-javascript") {
        config.merge({
            entry: {app: ["babel-polyfill", config.resolve().entry.app]}
        });
    }

    return config;
};

Причина, по которой это не сработало, заключается в том, что исходное значение entry.app было строкой, а мое новое значение entry.app - массивом, а функция слияния пытается объединить два, нажимая каждый отдельный символ исходной строки как элемент новой множество. Если кто-то знает, как заставить лучшее решение работать, я бы хотел улучшить этот ответ, но до тех пор первое, по крайней мере, работает.