У нас есть значки 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
в каждую папку с иконками, это будет работать, но это не то, чтоЯ хотел бы.
есть идеи?