javascript - ES6 上的动态导入

Question

所以，我在一个很远的文件夹中有几个 Handlebars 模板。我必须使用

导入它们

import UserTemplate from '../../../../../../More/Stuff/Omg/Template.handlebar'

我在想我是否可以做一些更好的事情，例如为我解决这个问题的函数

  let UserTemplate = Templates.get('Template.handlebar');

然后此函数将执行所有那些疯狂的路径操作并导入。

这有可能吗？

Answer 1

您可以使用已经执行此操作的软件包 module-alias

在你的 package.json 下你会有

"_moduleAliases": {
  "@Templates"      : "./templates/"
}

然后你可以这样查询这些

import UserTemplate  from '@Templates/UserTemplate'

此外，如果您使用的是 webpack，则可以使用其内置功能 https://webpack.js.org/configuration/resolve/ .