如何在 Storybook 中使用 React 中的全局变量
How to use global variables in Storybook with React
我找到了 答案，但我无法用它解决问题。
我尝试在 Storybook 中加载的组件依赖于通过 CDN 在 index.html 中注入的全局变量。
为了访问组件中的变量，我在文件顶部添加了这条注释
/*global <variable name>*/
它在 React 应用程序中运行良好，但 Storybook 抛出此错误：<variable name> is not defined。
我尝试在 stories.js 文件的顶部和配置文件的顶部添加该注释。 - 运气不好。
CDN 的 URL 在 env 文件中。通过查看 this 文档，我尝试在 HTML 文件中添加第二个脚本，其中包含一个以 STORYBOOK_ 为前缀的环境变量。那也没用。
关于我可以做些什么来克服这个问题有什么想法吗？
我通过添加自定义头部标签解决了这个问题：https://storybook.js.org/docs/configurations/add-custom-head-tags/#docs-content
然后在那里添加我的全局变量，例如：
// preview-head.html
<script>
var foo = bar
</script>
我找到了
我尝试在 Storybook 中加载的组件依赖于通过 CDN 在 index.html 中注入的全局变量。
为了访问组件中的变量，我在文件顶部添加了这条注释
/*global <variable name>*/
它在 React 应用程序中运行良好，但 Storybook 抛出此错误：<variable name> is not defined。
我尝试在 stories.js 文件的顶部和配置文件的顶部添加该注释。 - 运气不好。
CDN 的 URL 在 env 文件中。通过查看 this 文档，我尝试在 HTML 文件中添加第二个脚本，其中包含一个以 STORYBOOK_ 为前缀的环境变量。那也没用。
关于我可以做些什么来克服这个问题有什么想法吗？
我通过添加自定义头部标签解决了这个问题：https://storybook.js.org/docs/configurations/add-custom-head-tags/#docs-content
然后在那里添加我的全局变量，例如：
// preview-head.html
<script>
var foo = bar
</script>