我正在阅读Material UI文档,它指出:
请注意,在上面的示例中,我们使用了: import RaisedButton from 'material- ui/RaisedButton';而不是import {RaisedButton} from 'material-ui';This , 它将使您的构建过程更快,并且您的构建输出更小。
import RaisedButton from 'material- ui/RaisedButton';
import {RaisedButton} from 'material-ui';
对于为什么使用默认导出使构建过程更快或构建输出更小,我找不到任何理由。
我的经理要求我们不要使用默认导出,但是较小的构建大小是此项目的重要目标。我通过Material UI提到了这句话,他们说是为了寻找证据。我想要一些证明,因为我尝试用Babel进行编译的尝试已显示出default更大的效果。
default
关键不是模块是否具有默认导出,而是要导入包含所有Material UI组件(material- ui模块)的模块,而不是仅包含RaisedButton组件(material-ui/RaisedButton模块)的模块。
material- ui
RaisedButton
material-ui/RaisedButton
绝对清楚:我们应该使用仅包含单个组件的模块,即material-ui/RaisedButton。