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