ES6 модули экспорт и импорт

Question

foo.js

const a = 1
const b = 2
const c = 3
let d = 4

export default { a, b }
export { c }
export d

В чем разница между экспортируемыми a, b, c, d？

А как правильно import их?

Влияет ли на это компиляция Babel?

Answer 1

Вы можете только export объявлений (кроме экспорта по умолчанию), что означает, что:

 export d;

недействительно, оно должно быть:

 export const d = 1;

А как правильно их импортировать?

 import main, { c, d } from "sth";
 const {a, b} = main;

Вы можете импортировать c и d таким же образом, только свойства объекта a и b не могут быть приняты напрямую, поскольку вы не можете деструктурировать объекты внутри оператора импорта, поэтому у вас есть чтобы разрушить их в новой линии, которая просто безобразна. Процитирую Берги: «Не делай этого», вместо этого используйте c или d.