我们曾经在编译预构建管理器时生成一个捆绑大小报告。这在webpack4/5拆分中被移除/禁用了。我们应该恢复它。原始引入此功能的PR:#13425它在这里被禁用：4eabfd4请注意，我们现在为webpack4和webpack5构建两个预构建管理器。
svmlkihl1#
这似乎是一个很容易被新贡献者完成的任务！我认为实现方式可能是在运行build-storybook后，打印一个类似于我们在开发模式下启动storybook时打印的报告：
╭────────────────────────────────────────────────────╮ │ │ │ Storybook 7.0.0-beta.29 for react-vite built │ │ 7.52 s for preview ( 2.6 mb ) │ │ 2.59 s for manager ( 1.3 mb ) │ │ │ │ Directory: │ │ "./storybook-static" │ │ │ │ You could host it with any http server: │ │ "npx http-server ./storybook-static" │ │ │ ╰────────────────────────────────────────────────────╯
我们还可以在运行build-storybook的过程中清理CLI输出。
fdbelqdn2#
请将此问题分配给我。
cs7cruho3#
Consider it yours @adityaKrModak !
bjp0bcyl4#
我认为应该在此处记录一条消息：storybook/code/lib/core-server/src/build-static.ts第235行 1666d5f| | logger.info(=> Output directory: ${options.outputDir}); |您可以通过读取文件系统来收集数据，我认为。这是我们在dev模式下打印框的地方：storybook/code/lib/core-server/src/utils/output-startup-information.ts第62行到第72行 65957e6| | console.log( || | boxen( || | dedent| | | ${colors.green(Storybook ${chalk.bold(version)} for ${chalk.bold(name)} started)} | | | ${chalk.gray(timeStatement)} | | | | | | ${serveMessage.toString()}${updateMessage ?
=> Output directory: ${options.outputDir}
| | | ${colors.green(
)} | | | ${chalk.gray(timeStatement)} | | | | | | ${serveMessage.toString()}${updateMessage ?
${updateMessage}: ''} | | |, || | {borderStyle: 'round',padding: 1,borderColor: '#F1618C'}asany || | ) || | ); |
: ''} | | |
4条答案
按热度按时间svmlkihl1#
这似乎是一个很容易被新贡献者完成的任务！
我认为实现方式可能是在运行build-storybook后，打印一个类似于我们在开发模式下启动storybook时打印的报告：
我们还可以在运行build-storybook的过程中清理CLI输出。
fdbelqdn2#
请将此问题分配给我。
cs7cruho3#
Consider it yours @adityaKrModak !
bjp0bcyl4#
我认为应该在此处记录一条消息：
storybook/code/lib/core-server/src/build-static.ts
第235行 1666d5f
| | logger.info(
=> Output directory: ${options.outputDir}); |您可以通过读取文件系统来收集数据，我认为。
这是我们在dev模式下打印框的地方：
storybook/code/lib/core-server/src/utils/output-startup-information.ts
第62行到第72行 65957e6
| | console.log( |
| | boxen( |
| | dedent
| | | ${colors.green(Storybook ${chalk.bold(version)} for ${chalk.bold(name)} started)} | | | ${chalk.gray(timeStatement)} | | | | | | ${serveMessage.toString()}${updateMessage ?${updateMessage}
: ''} | | |, || | {borderStyle: 'round',padding: 1,borderColor: '#F1618C'}asany |
| | ) |
| | ); |