我们将svg图标作为组件,因此文件夹结构有点像
components
/ -- icons
-- Readme.md
/-- Check
-- Check.tsx
-- index.ts
/-- Cross
-- Cross.tsx
-- index.ts
/-- Cloud
-- Cloud.tsx
-- index.ts
显然,我们不希望每个图标都有一个小节,我们希望有一个小节来显示所有用法。所以我创建了这样的部分:
sections: [
{
name: 'Cards',
components: [
// ... other components,
]
},
{
name: 'Icons',
components: [
'components/icons/Check',
'components/icons/Cross',
'components/icons/Cloud',
],
content: path.resolve(__dirname, 'src', 'components', 'icon', 'readme.md')
},
],
但是文档显示
ReferenceError: Check is not defined
如果我在每个图标文件夹下添加一个Readme.md
,它将起作用,但这不是我想要的。
有什么主意吗?