В настоящее время я работаю над сайтом документации, используя Vuepress , на котором также будут представлены компоненты. Для этого я хочу использовать storybook . В идеале мне бы хотелось получить экземпляр экземпляра сборника рассказов с помощью <url>/storybook, тогда <url>/** - это остальная часть документации.
В настоящее время сайт vuepress компилируется в docs/.vuepress/dist. Поэтому я изменил сценарий сборки сборника рассказов для вывода в подкаталог в папке dist.
пакета. json
{
"scripts": {
"build-storybook": "build-storybook -o docs/.vuepress/dist/storybook/"
}
}
Это компилирует сборник рассказов stati c сайт в нужном месте. Тем не менее, когда я работаю на сайте локально; npx serve docs/.vuepress/dist и посетите /storybook маршрут сценариев в скомпилированном сборнике рассказов html файлы 404.
Я поиграл и изменил <scripts> в index.html, чтобы иметь префикс storybook/ и изменение <iframe> src, которое генерирует сборник рассказов, с iframe.html?... на storybook/iframe.html?.., это решает проблему, и экземпляр сборника рассказов работает, как и ожидалось.
Вопрос в том, есть ли какое-то изменение конфигурации, которое я я могу сделать, чтобы получить результат, который я описываю?
Я пытался;
- изменяя
output.publicPath, который изменяет пути в файле iframe.html, но у меня все еще есть проблема с файлом index.html без префикса. - добавление
--preview-url=storybook/iframe.html к сценарию. Это исправляет проблему <iframe> sr c, но index.html не имеет префикса и (когда я вручную изменяю индекс. html), при загрузке история не загружается, мне нужно нажать на другую Сначала история.
Я с удовольствием настрою репозиторий Github с подобной настройкой, если это поможет.