让打字稿知道 webpack 的 `require.context` 中的所有键

一个相对的问题是https://stackoverflow.com/a/53015011/2326199 https://stackoverflow.com/a/53015011/2326199

当所有键都被硬编码时，@jcalz 的答案非常有效。但我想知道如果没有像使用这样的硬代码是否可能require.context的 webpack。

Here's repo https://github.com/maple-leaf/nextjs-start-kit展示我想要的：

• 所有 svg 图标都需要components/icon.tsx
• 所有 svg 名称均导出为ICONS from components/icon.tsx
• I 应该能够接收自动完成提示打字时ICONS. at index.tsx，对于这个回购协议，它应该给出Bluetoothon and Close

你可以试试这个... /locales 目录下有很多 json 文件。 根据用户的选择从特定区域加载所有消息。

function loadLocaleMessages() {
  const locales = require.context(
    "./locales",
    true,
    /[A-Za-z0-9-_,\s]+\.json$/i
  );

  const messages = {};
  locales.keys().forEach((key) => {
    const matched = key.match(/([A-Za-z0-9-_]+)\./i);
    if (matched && matched.length > 1) {
      const locale = matched[1];
      messages[locale] = locales(key);
    }
  });
  return messages;
}