导入打字稿时如何在路径中使用变量

Question

是否可以在路径中放置一个变量（或const），而不是将整个路径写为字符串文字。 看起来，angular只接受字符串文字。

import aClass = require("./simpleClass"); 
import { aComponent } from aClass.myClass.Root + 'tutorial.component';

我的课：

export class myClass{    
    public static Root = "./"
}

在此示例中， aClass.myClass.Root + 'tutorial.component'具有错误，该错误已得到解释。

Answer 1

是否可以将变量（或const）放入路径

不，这是不可能的，因为ES6导入是静态的。

也可以看看：

• Axel Rauschmayer的书中的“静态模块结构”部分 。

Answer 2

它现在支持动态导入。

只是这样做

async () => {
  const { aComponent } = await import(aClass.myClass.Root + 'tutorial.component');
}

欲获得更多信息

http://2ality.com/2017/01/import-operator.html

尝试这个

import aClass from "./simpleClass"; 
var aComponent = require(aClass.myClass.Root + 'tutorial.component').aComponent;

要么

import { myClass } from './simpleClass';
const { aComponent } = require(myClass.Root + 'tutorial.component');