export * as bar VS export { 默认为 bar }答案

【问题标题】：export * as bar VS export { default as bar }export * as bar VS export { 默认为 bar }
【发布时间】：2021-04-10 19:17:51
【问题描述】：

两者有什么区别

export * as bar from 'foo'

和

export { default as bar } from 'foo'

在我的特殊情况下，我尝试了以下两种方法，它们都有效，想知道它们之间的潜在差异。

// echarts v5.0.0
export * as ECharts from 'echarts/lib/echarts.js'
export { default as ECharts } from 'echarts/lib/echarts.js'

babel.config.js

module.exports = {
  // "@vue/cli-plugin-babel": "~4.5.0",
  presets: ['@vue/cli-plugin-babel/preset'],
}

【问题讨论】：

他们是absolutely not the same。他们可能根据foo 导出的内容（或者进一步，您的转译器或模块加载器对其进行的处理）具有相同的结果 - 请同时发布。
这能回答你的问题吗？ Difference between import X and import * as X in node.js (ES6 / Babel)?
@marzelin 有帮助，但没有涵盖 export * as 语法。

【解决方案1】：

这一项从foo 导出所有命名导出和默认导出为bar：

export * as bar from 'foo'

这个只从foo导出默认导出为bar：

export { default as bar } from 'foo'

【讨论】：