在构建时包含 JSON 文件的文件夹

我的 Angular 12 应用程序——嵌入式系统的仪表板——依赖于 JSON 文件，这些文件在运行时用于生成表单等。

有些文件在编译前是已知的。我声明了一个接口，以便能够在代码中对它们的值进行类型检查，并添加了一个 typings.d.ts 文件以将它们声明为模块：

declare module 'params.json' {
  const value: IParams;
  export default value;
}

然后，在我的服务中，我只是以这种方式包含它们：

import params from 'src/assets/data/params.json';

这样，我就可以避免进行异步 HTTP 调用来读取文件。相反，它们的内容在构建时包含在我的应用程序中。

但是，我有一个 JSON 文件文件夹的问题，该文件夹可以包含不同数量的文件。我试着用同样的方式：

declare module 'sensors/*.json' {
  const value: ISensor;
  export default value;
}

但是，我如何才能导入文件？

在理想的世界中，我希望得到一个 Record<string,ISensor>，以文件名为键，以 JSON 文件内容为值。

如果问题不够清楚，请向我询问更多细节。

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

相关问答