import 'xxx'与import xxx from 'xxx'有何区别？Firebase相关导入如何生效？

• import 'something'：这是副作用导入语法，不会向当前代码作用域引入任何绑定的变量/方法，仅会执行目标模块的顶层代码，一般用于引入不需要对外暴露接口、仅需要执行内部逻辑的模块（比如全局样式注册、公共插件挂载、polyfill加载等场景）。
• import x from 'y'：这是默认导出导入语法，会将模块y对外暴露的默认导出内容，绑定到当前作用域的变量x上，后续你可以直接通过x调用该模块提供的所有能力。

你看到的写法是Firebase v8及更早版本的标准引入方式，这一版本的Firebase采用了「核心命名空间+子服务挂载」的设计：

1. 第一行import firebase from 'firebase'导入的是Firebase的核心基础对象，初始状态下仅包含初始化应用等核心基础能力，没有存储、数据库、认证这类业务服务的接口。
2. 后面三行副作用导入的子模块，顶层代码执行时会自动把对应的服务能力挂载到全局的firebase核心对象上。比如你执行完import 'firebase/storage'之后，直接调用firebase.storage()就能拿到云存储的服务实例，没有导入这行的话调用该方法会抛出不存在的错误。
3. 这种设计的目的是支持按需引入需要的服务，避免把所有未用到的Firebase服务打包进最终产物，减少代码体积。

内容的提问来源于stack exchange，提问作者Srabh __