javascript - 这些 ES6 import 语句之间有什么区别？

Question

从 'somecomponent/components' 导入 { A, B, C }

import { A } from "somecomponent/components/A";
import { B } from "somecomponent/components/B";
import { C } from "somecomponent/components/C";

上面和下面的 import 语句是否都只导入 A、B、C？这些陈述之间有什么区别吗？是否有使用其中任何一个的偏好？

Answer 1

是的，两个导入都会将 A、B 和 C 导入到当前模块中。但是，第一个从一个模块导入它们，第二个从三个不同的模块导入它们——它们可能具有不同的值。

这两种方式只有当且仅当'somecomponent/components' 处的模块是等价的

export { A } from "somecomponent/components/A";
export { B } from "somecomponent/components/B";
export { C } from "somecomponent/components/C";

(并且当且仅当这些解析为相同的模块)。