Как организуется преобразование подключаемых к сборке ES6-модулей в бандл?

Question

[Illia T]

Использую модули, но в финальной сборке gulp-babel преобразует импорт в реквайер, что совсем Не то, что ожидалось: думал, что в бандл подтянутся импортированные фрагменты кода, а Не ссылки на них. Понял, что бейбл и импорты транспилирует. Как это делается правильно?!
PS
Если есть на примете какие-то линки на тему организации кода (js, прежде всего), это будет отличным бонусом.

Answer 1

[Aetae]

Babel по умолчанию просто преобразует новый код(es6) в старый код(es5). Как очевидно из названия, es6-модулей в es5 нет, потому импорты он тоже преобразует. Это собственно всё, что он должен делеть.
Сборка кода в единый бандл, минификация, оптимизация, treeshaking и прочее - не в его компетенции.
Для сборки в glup есть свои инструменты, также есть системы строящиеся изначально от идеи сборки: webpack, rollup и т.д.