Зачем преобразовывать ES модули в CommonJS?

Question

[SokLor]

Для babel есть плагин, преобразующий ES модули в CommonJS. На данный момент он уехал под капот @babel/preset-env в опцию modules.

Но я не совсем понимаю его назначение. Подскажите, пожалуйста, зачем в итоговом бандле — уже скомпилированном бабелем коде — менять импорты/экспорты на CommonJS?

Из
export default 42;

В

Object.defineProperty(exports, "__esModule", {
  value: true,
});

exports.default = 42;

Answer 1

[Aetae]

Ну потому что старые браузеры не умеют в esmodules, а изначальная идея babel как раз в поддержке старых браузеров - всё остальное наслоилось после.
Также esm нельзя скомпоновать в один файл, в отличие от CommonJS.
В любом случае это лишь умолчания, которые вы всегда можете поменять.

Comments

[Дмитрий Беляев]

Также esm нельзя скомпоновать в один файл, в отличие от CommonJS.

Скажите это Ричу Харрису

[SokLor]

Но вебпак ведь собирает весь код в единый бандл? То есть, мне не совсем понятно, зачем именно в бандле заменять на CommonJS

Webpack does is convert code using those respective module systems to use webpack's module system instead.

[Aetae]

Дмитрий Беляев, вроде очевидно, что я имел ввиду "нельзя как есть", без изменения кода".

SokLor, раньше webpack не умел в esm, потому сначала бабел фигачил esm в common, потом webpack фигачил из common.)
Ну и webpack - это webpack, а babel - это babel. Это разные вещи, и могут использоваться отдельно друг от друга.

[SokLor]

Aetae, спасибо!