如何从字符串映射到 ES6 导入

Question

例如。

我们有几个 ES6 模块导入，比如：

import Module1 from './module_1';
import Module2 from './module_2';

我正在使用Babel 将 ES6 转译为 ES5

有另一个函数，它给定一个字符串，返回对导入的 ES6 模块的引用：

getModule(name) {
  switch(name) {
    case "Module 1":
      return Module1;
    case "Module 2":
      return Module2;
    default:
      return null;
  }
}

命名约定非常简单且一致 那么如何去掉手动switch语句呢？

最初我认为，我们可以摆脱使用 eval。类似：

getModule(name) {
  // removes spaces. so "Module 1" to "Module1"
  const ref = name.replace(/\s+/g, "");
  return eval(ref);
}

但是 Babel 改变了变量名等 还把我脚下的地毯扯掉了。

只是为了演示一个未转译的示例适用于：

var foo = function() { console.log("called foo") }
var bar = function() { console.log("called bar") }
eval("foo")() // logs "called foo"
eval("nope") // throws ReferenceError: Can't find variable: nope

是否可以在名为localImports 的文件中获取导入的哈希值？
这样我们就可以写：

getModule(name) {
  // removes spaces. so "Module 1" to "Module1"
  const ref = name.replace(/\s+/g, "");
  return localImports[ref];
}

如何使用 ES6 和 Babel 实现这样的功能？
另外作为奖励，是否可以不使用 eval ？

Answer 1

这对我有用：

导入模块。

import Module1 from './module_1';
import Module2 from './module_2';

使用您想要的任何名称在本地范围内缓存模块。在这种情况下，我使用相同的名称：Module1、Module2。

setModules(){
   this.Module1 = Module1;
   this.Module2 = Module2;
}

使用本地范围内的引用获取对模块的引用。

getModule(name) {
   return this[name]; //e.g. name = 'Module1'
}

Answer 2

如果你使用 Babel 编译 imports 到 require，你可以直接使用 require 并制作一个映射：

const modules = {
  'Module 1': require('./module_1'),
  'Module 2': require('./module_2')
};

function getModule(name) {
  return modules[name];
}