用于导入的插值字符串。意外的令牌错误

Question

快速问答。这是一段代码，我试图在导入字符串上使用一个变量，但是我得到了错误解析错误:意外令牌。我尝试过将基变量和字符串连接在一起的不同方法，但都没有成功。

是否有可能在导入时实现这种连接？

我希望节省写出完整的网址多次，因为它需要至少10次。

我尝试了其他方法来连接字符串，但都无济于事。

const FILE_ROUTE = "../components/study-management/preview/";
import MultieChoice1 from `${FILE_ROUTE}MultieChoice1`;

Answer 1

如果您使用的是webpack，您可以配置alias指向您的文件夹。比如

alias: {
   FileRoute: path.resolve(__dirname, 'src/components/study-management/preview/'),
}

然后，在您的代码中，您可以像这样导入它

import MultieChoice1 from 'FileRoute/MultieChoice1';