Как подключить полифилы бабеля?

Question

[ttm]

Есть галп и бабель.
Нет вебпака, бравзифая и т.д.
Разрабатывается библиотека с максимально минимальным размером файла.
Появилась необходимость использовать промайзы.
Если добавить в gulp task бабель полифилы

gulp.task('build', () => {
    return gulp.src([
        'node_modules/babel-polyfill/dist/polyfill.js',
        'app.js'
    ])
    //...
})

То запихиваются все полифилы, а необходимо только промайзы
Какие существуют варианты вытащить чисто промайзы из полифилов?

Answer 1

[ttm]

Решение, кому интересно

// promise.js
_Promise = require('babel-runtime/core-js/promise').default;

// gulpfile.js
const gulp = require('gulp');
const concat = require('gulp-concat');
const header = require('gulp-header');
const webpack = require('webpack-stream');

gulp.task('build-promise' ,() =>{
    return gulp.src('promise.js')
        .pipe(webpack())
        .pipe(header(`
            let _Promise;
        `))
        // ....
        .pipe(concat('promise.js'))
        .pipe(gulp.dest('dist'));
})

Дальше можно творить с этим js что угодно, можно обернуть например
Есть решение лучше? - Пишите ;)

Answer 2

[FLighter]

Вам сюда, смотреть на useBuiltIns и corejs
Т.е. не надо вставлять полифиллы в код, babel сам их вставит, когда увидит. Обязательно установите пакет core-js, без него не собирается правильно.

Comments

[ttm]

Угу, все так и делаю, но дело в том, что он вставляет все полифилы, а это 10к строк.
А если вытащить их по этому адресу `core-js/modules/es.promise` то выходит 1.5к и они работают, то есть там есть все, что нужно.
Так зачем же тащить лишний код?

[ttm]

вот конфиг

{
        presets: [
            ['@babel/preset-env', {
                exclude: ['@babel/plugin-transform-function-name'], // because 'var f = function f () {}' - breaks down compressor
                useBuiltIns: 'entry',
                corejs: 3,
                targets: {
                    browsers: [
                        'last 2 versions',
                        '> 2%',
                        'not dead',
                        'not IE 10'
                    ]
                },
                loose: true
            }]
        ],

        compact: false,
        sourceType: 'unambiguous',
        plugins: [
            ['module:external_helpers', {
                'output-type': 'var',
                'namespace': babelHelperNamespace,
                'whiteList': babelHelperWhiteList
            }]
        ]
    }

[FLighter]

ttm, попробуйте useBuiltIns: 'usage', если интересно. И в коде не надо ничего импортировать. Должно быть как в примере на сайте:
var a = new Promise();
Потом преобразуется в импорт необходимого модуля из corejs и затем babel импортирует этот модуль на 1.5к строк. Если не сильно понятно, могу кинуть мин.конфиг, чтобы вы поняли, как оно работает

[ttm]

FLighter, спасибо.
useBuiltIns: 'usage' - Такой вариант не устраивает, нужен useBuiltIns: 'entry', потому, что есть подгружаемые модули