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在import语句中，因此您必须在新行中对其进行破坏，这很丑陋。引用Bergi的话：“不要那样做”，而是使用c或d。