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/ .