使打字稿知道Webpack的`require.context`中的所有键

Question

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

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

这里repo演示我想要的内容：

• 所有svg图标都必须位于components/icon.tsx
• 所有svg名称都从ICONS导出为components/icon.tsx
• 在<{1}}上键入ICONS.时，我应该能够接收自动完成提示，对于此存储库，它应该提供index.tsx和{{1} }

Answer 1

您可以尝试... 在/ 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;
}