Я работаю над сайтом Gatsby, на котором есть документация для компонента React. У меня есть несколько примеров компонентов, которые показывают пример использования компонента. Компоненты примера служат живыми примерами, но я также хотел бы показать код примера. В настоящее время я просто копирую исходный код и вставляю его в блок code на странице документации, но это похоже на дублирование.
Есть ли способ, которым я мог бы заставить Гэтсби прочитать содержимое исходного файла и вставить его в блок code, чтобы мне не нужно было синхронизировать источник примера на странице с фактическим источником?
Я пытался использовать raw-loader для этого. Это почти работает, но включает в себя скомпилированный JavaScript, поэтому синтаксис JSX пропал. Есть ли опция, которую я могу использовать с raw-loader, возможно, чтобы выполнить то, что мне нужно здесь?