es6 import * as 会比 import {component1, component2} 按需引入更废性能吗？

Question

这个看很多代码 都会 import {component1, component2} 这样按需引入，
如果 import * as types from './types' 这样写是不是会导致不必要的引入，影响性能

Answer 1

按需引入，经过打包压缩后文件体积更小，至于性能可以忽略不计。

Answer 2

我个人认为会，ES6 中使用 import 比 require 性能强就是在于，

1. require：要把这个模块中的所有内容引入
2. import：可以只把需要使用的引入到文件

所以，按需引入更不耗性能

Answer 3

关键要看引入的文件是怎么导出的 如果其中导出了很多个组件 那么按需引入可以引入更少的代码

Answer 4

是的，从打包体积上来看，前者打包后的体积更大，也就意味着更费性能。
性能上影响多大取决于你要导入的文件体积大不大，一般的js方法可能影响不大，如果是组件库的就比较明显，比如很多ui框架都有提供按需引入的方式