为什么在 ES6 中不应该使用 import all

所以我最近开始学习 React 并注意到所有文档都有类似的导入：

import { Apples, Bananas, Oranges } from 'fruits';

但是在研究 React 时我发现这种语法也同样有效：

import * as Fruits from 'fruits';

我的问题：使用 import all 语法是否有任何性能损失或逻辑冲突？

如果没有，那么我将继续使用该语法。我宁愿更详细一点，而不必担心确保所有内容都已导入。

最好使用第一种方式。至少有一件事：Always write explicitly what you want to use。这是所有框架/语言的最佳实践。

如果你进行了一些树摇动，一些未使用的模块将不会被加载，一切都应该很好（就像@zerkms所说）。 但在最好的情况下，即使是最好的 tree shake 也不是完美的，即使您不使用它们，您仍然可以导入一些导入内容。 如果您的项目“小”，那应该没问题。如果在你的项目中你加载了数百个东西，它可能会有点不同。

当您构建项目时，您也会浪费时间进行 tree-shaking 分析。

因此，仅仅因为您不想“通过编写两个单词来浪费时间”，您就会在每次构建上浪费时间，并且可能会对性能产生影响