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

Question

快速提问。这是一段代码，我试图在导入字符串上使用一个变量，但是我收到错误 Parsing error: Unexpected token。我尝试了不同的方法将基本变量和字符串连接在一起，但没有成功。

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

我希望将完整的 URL 写出多次，因为它需要至少 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';