Как использовать глобальные переменные в Storybook с React - PullRequest
Новая
       6

Как использовать глобальные переменные в Storybook с React

1 голос
/ 27 февраля 2020

Я нашел этот ответ, но я не могу решить проблему с ним.

Компонент, который я пытаюсь загрузить в Storybook, зависит от глобальной переменной, которая вводится через CDN в индексе. html.

Чтобы получить доступ к переменной в компоненте, я добавил этот комментарий вверху файла 

/*global <variable name>*/

Он отлично работает в приложении React, но Storybook выдает эту ошибку: <variable name> is not defined.

Я попытался добавить этот комментарий вверху файла stories.js и вверху файла конфигурации. - не повезло.

URL для CDN находится в файле env. Посмотрев на this do c, я попытался добавить второй скрипт в файл HTML с переменной env, перед которой стоит STORYBOOK_. Это тоже не сработало.

Есть идеи, что я могу сделать, чтобы обойти это?

1 Ответ

1 голос
/ 17 марта 2020

Я решил это, добавив пользовательские теги заголовков: https://storybook.js.org/docs/configurations/add-custom-head-tags/#docs -content

Затем добавив туда мои глобальные переменные, например: 

// preview-head.html
<script>
var foo = bar
</script>
...