ES6上的动态导入

Question

所以，我在一个很远的文件夹上有几个把手模板。我必须使用它导入它们

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/的内置功能。