我正在使用TypeScript构建REACT应用,其中显示了一些图像。
所有图像都位于文件夹Images
中,该文件夹是组件文件MyComponent.tsx
的同级文件。
我需要的是可以使用以下语法将MyComponent.tsx
中的所有图像导入./Images
:import * as Images from './Images;
,我设法通过在{{ 1}}文件夹。
此外,我希望获得IntelliSense的支持,因此,如果我写index.ts
,IntelliSense会向我显示可能的图像。现在,我已经实现了这一点:
但是,为了实现这一点,我必须编写Images
,如下所示:
Images.
如果我有2-3张图像,那会很好,但是当我有很多图像时,缩放性就不太好。
通常,在index.ts
中,我写import ActionNew16 from './ActionNew-16.png';
import ActionNew32 from './ActionNew-32.png';
...
export {
ActionNew16,
ActionNew32,
...
}
,并且能够做到这一点已经为我节省了一半的行,但是写成这样:
index.ts
让我失去了IntelliSense帮助。
因此,回顾一下,我要问的是两个问题:
export * from './filename.filextension'
诸如“从文件夹中所有其他文件中导出所有内容”之类的信息?如果有帮助,我声明了以下模块:
export * from './ActionNew-16.png';
export * from './ActionNew-16.png';
...