Storybook + monorepo：在故事中显示包版本

Question

我正在将我的旧存储库迁移到单一存储库，同时切换到完全控制模式（和 Storybook 6）。

在我的旧仓库中，我可以这样做

.storybook/webpack.config.js

  plugins: [
    new webpack.DefinePlugin({
      VERSION: JSON.stringify(config.version),
    }),
  ],

然后 foo.stories.jsx

/* global VERSION */
...
{VERSION}

在故事中显示包版本。

在 Storybook 6 中，我现在正在做：

.storybook/main.js

...
    config.plugins.push(
        new webpack.DefinePlugin({
          VERSION: JSON.stringify(config.version),
        }),
    );
...

但 {VERSION} 不再打印出来。

Answer 1

问题出在我这边。我需要重命名

const config = require('../package.json'); 到 const packageConfig = require('../package.json');

然后版本：JSON.stringify(packageConfig.version),

Storybook + monorepo: display package versions within story