使用最佳实践反应导入模块[重复]

Posted 2023-02-17

这个问题在这里已有答案：

• Wildcard or asterisk (*) vs named or selective import es6 javascript 4个答案
• using brackets with javascript import syntax 2回答
• Import Statements in ES6 from MDN docs 2回答
• When should I use curly braces for ES6 import? 9个答案

根据您的经验，将大型模块导入组件时，最佳做法是什么。你能告诉我以下例子中的哪一个和原因？

import * from './foo'

要么

import bar, beer, brew  from './foo'

答案

import * as name from './foo'将从foo导入所有内容，但第二个语句只会从模块中导入三个导出。

这是特定于上下文的，但在我看来，更容易看到第二个示例中实际导入的内容，并且您还可以利用tree shaking，例如并非使用库中的所有导出。