tsファイルでrequireを使用して、jsonファイルを動的にインポートします

0
2022.01.14

json ファイルをローカルにインポートするために、Web アプリの typescript ファイルで使用する必要がありますか?

export function getData(id: string): string {
    const ids: string = id + 'something'; 
    const data = require(`./config/${ids}.json`);

    return JSON.stringify(data);
}
回答
2
2022.01.15

Web アプリと同じオリジンの相対アドレスにあるファイルの JSON 文字列が必要な場合は、次の関数を使用できます。

TSプレイグラウンド

export async function getJsonById(id: string):Promise<string> {
  const url = `./output/config/${id}something.json`;
  const json = (await fetch(url)).text(); // this is a string (JSON is a string)
  return json;
  // alternatively: to parse the JSON into a native JS data type
  // return JSON.parse(json);
}

// use:
const json = await getJsonById('id');