我有一个具有以下结构的项目:
- ProjectA
| - file.ts
| - tsconfig.json
- ProjectB
| - file.ts
| - tsconfig.json
- ProjectC
| icons/
| | - icon.svg
我有babel和webpack设置,并且正在将icon.svg
导入项目A或B中的file.ts
中时将*.svg
转换为react组件,因此可以正常工作。我遇到的问题是如何定义A和B中的declarations.d.ts
。
我能够将export type IconComponentType = React.FunctionComponent<{
size: number
color: string
}>
declare module '*.svg' {
const content: IconComponentType
export default content
}
文件添加到包含该内容的A和B的根
Project C
一切正常,但我不想重复此文件。问题是无论我做什么,我似乎都无法将以上内容添加到Project A
甚至项目的根目录中,而无法将Project B
和tsconfig.json
进行添加。
A和B的{
"extends": "../tsconfig.json",
"compilerOptions": {
"baseUrl": "./",
"paths": {
"projectC": ["../projectC"]
}
}
}
如下:
send