如何创建匹配复杂路径的 TypeScript 模块？

Question

我想声明一个针对所有图像导入的全局模块和另一个针对所有图标导入的全局模块，因为在我正在处理的项目中对它们的处理方式不同。图片导入通常来自images 文件夹和icons 来自icons 文件夹，但它们的扩展名可以相同。

根据modules wildcard documentation我想到了这样的事情：

declare module '*/icons/*' {
    type IconType = { viewBox: string, symbol: string };

    const icon: IconType;
    export = icon;
}

declare module '*/images/*' {
    const url: string;
    export = url;
}

但这似乎不起作用。有没有其他方法可以做到这一点？在 Flow 中可以使用 module.name_mapper 来定义它，但是如何在 TypeScript 中实现呢？

Answer 1

尝试通过文件后缀声明模块，每个文件类型一个声明。

declare module '@my/module/src/images/*.svg' {
  type IconType = { viewBox: string, symbol: string };

  const icon: IconType;
  export = icon;
}

declare module '@my/module/src/icons/*.svg' {
  const resource: string;
  export = resource;
}