使用index.ts

时间:2019-12-13 13:38:18

标签: reactjs webpack

我正在使用TypeScript构建REACT应用,其中显示了一些图像。

所有图像都位于文件夹Images中,该文件夹是组件文件MyComponent.tsx的同级文件。
我需要的是可以使用以下语法将MyComponent.tsx中的所有图像导入./Imagesimport * as Images from './Images;,我设法通过在{{ 1}}文件夹。

此外,我希望获得IntelliSense的支持,因此,如果我写index.ts,IntelliSense会向我显示可能的图像。现在,我已经实现了这一点:

enter image description here

但是,为了实现这一点,我必须编写Images,如下所示:

Images.

如果我有2-3张图像,那会很好,但是当我有很多图像时,缩放性就不太好。

通常,在index.ts中,我写import ActionNew16 from './ActionNew-16.png'; import ActionNew32 from './ActionNew-32.png'; ... export { ActionNew16, ActionNew32, ... } ,并且能够做到这一点已经为我节省了一半的行,但是写成这样:

index.ts

让我失去了IntelliSense帮助。

因此,回顾一下,我要问的是两个问题:

  1. 有没有办法告诉export * from './filename.filextension'诸如“从文件夹中所有其他文件中导出所有内容”之类的信息?
  2. 如果可以(1),是否有办法获得IntelliSense自动完成功能?

如果有帮助,我声明了以下模块:

export * from './ActionNew-16.png';
export * from './ActionNew-16.png';
...

0 个答案:

没有答案