webpack StoryBook未阅读单独文件中定义的常量

6kkfgxo0 于 8个月前发布在 Webpack

关注(0)|答案(1)|浏览(76)

我在我的react项目中使用故事书7.2.1，我得到错误“无法读取未定义的属性（阅读'GlobalVariables'）";
GlobalVariables是我在global.variables.ts文件中定义的一个常量，该文件位于'src/constant/'下。
'constant'目录包含一个index.ts文件，它导出我在'src/constant/'下的所有文件中定义的所有常量
我试着把这个添加到storybook的main.js配置文件中：

const config: StorybookConfig = {
...
staticDirs: ['..\\public', '../src/config/constant'],
...
}

export default config;

webpack

来源：https://stackoverflow.com/questions/76866508/storybook-not-reading-a-constant-defined-in-a-separate-file

1条答案

按热度按时间

cbjzeqam1#

staticDirs用于提供静态文件，如图像，字体等。
如果你有一组变量需要从多个地方访问，你可以将它们保存为env变量：

// in your .storybook/main.ts

const config: StorybookConfig = {
  framework: '@storybook/your-framework',
  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
  env: (config) => ({
    ...config,
    EXAMPLE_VAR: 'An environment variable configured in Storybook',
  }),
};

然后在你的故事中，你可以像这样访问它们：

export const Default: Story = {
  args: {
    exampleProp: process.env.EXAMPLE_VAR,
  },
};

赞(0）回复(0）举报 8个月前

我来回答

webpack StoryBook未阅读单独文件中定义的常量

1条答案

相关问题

热门标签

最新问答