如何在同一个名称下对同一模块的多个导入组件进行分组？

Question

我想找到一个尽可能干净的解决方案，以便从ECMAScript 2015中的模块名称本身（或任何其他指定的）下的一个模块中导入多个组件。这将是最佳的它也是一个单行。

导入模块的所有内容时，它已经像魅力一样工作：

import * as Immutable from "immutable"

我的应用程序将在浏览器（通过webpack捆绑），但这会让我对导入更具选择性。

我尝试了其他语言中出现的不同的直观方法，或者使用无效的Javascript（因为导入不遵循典型的js规则）：

import { fromJS } as Immutable from "immutable"

或

let Immutable = {}
import { fromJS as Immutable.fromJS } from "immutable"

解决问题的详细而费力的解决方案是导入的分离以及将它们用于两个文件的位置：

在 index_imports.js ：

import { fromJS } from "immutable"

const Immutable =
{
  fromJS,
}

export
{
  Immutable,
}

这会将 index.js 中的import语句减少为一行：

import { Immutable } from "./index_imports.js"

Answer 1

正如我在推文中提到的那样：

解决问题的详细而费力的解决方案是导入的分离以及将它们用于两个文件的位置：

在 index_imports.js ：

import { fromJS } from "immutable"

const Immutable =
{
  fromJS,
}

export
{
  Immutable,
}

这会将 index.js 中的import语句减少为一行：

import { Immutable } from "./index_imports.js"