小编典典

为什么导出/导入默认ES模块属性比命名模块属性快?

reactjs

我正在阅读Material UI文档,它指出:

请注意,在上面的示例中,我们使用了: import RaisedButton from 'material- ui/RaisedButton';而不是import {RaisedButton} from 'material-ui';This ,
它将使您的构建过程更快,并且您的构建输出更小。

对于为什么使用默认导出使构建过程更快或构建输出更小,我找不到任何理由。

我的经理要求我们不要使用默认导出,但是较小的构建大小是此项目的重要目标。我通过Material
UI提到了这句话,他们说是为了寻找证据。我想要一些证明,因为我尝试用Babel进行编译的尝试已显示出default更大的效果。


阅读 335

收藏
2020-07-22

共1个答案

小编典典

关键不是模块是否具有默认导出,而是要导入包含所有Material UI组件(material- ui模块)的模块,而不是仅包含RaisedButton组件(material-ui/RaisedButton模块)的模块。

绝对清楚:我们应该使用仅包含单个组件的模块,即material-ui/RaisedButton

2020-07-22