如何使用 Parcel 进行连接导入？答案

【问题标题】：How to import with concatenation using Parcel?如何使用 Parcel 进行连接导入？
【发布时间】：2020-03-22 22:40:14
【问题描述】：

我有一个充满 JSON 文件的目录。我正在尝试编写一个函数来在运行时按名称加载其中一个。当我使用 Webpack 时，我可以这样做：

const data = await import(`~/resources/levels-progression/${chapterName}.json`);

但是，我目前正在使用 Parcel，这样做只会导致错误：

TypeError：错误解析模块说明符'~/resources/levels-progression/functions.json'

当我这样做时，Parcel 似乎忽略了我的导入。我该如何解决这个问题？

【问题讨论】：

【解决方案1】：

在撰写本文时，无法通过 Parcel (GitHub Issue) 中的代码拆分、异步优势来做到这一点。但是，我们可以通过使用glob import 来（某种程度地）关闭：

const allData = require("../resources/levels-progression/*.json");

allData 将是一个 JS 对象，其中包含目录中存在的每个文件的键。

请注意，这似乎不适用于波浪号导入。

【讨论】：