javascript - 使用最佳实践 React 导入模块

Question

这个问题已经有答案了:

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? (11 个回答)

已关闭 4 年前。

根据您的经验，将大型模块导入组件时的最佳实践是什么。您能否从下面的示例中告诉我哪个以及原因？

import * from './foo'

或

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

Answer 1

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

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