DEV Community
·
如何在Storybook中使用Astro图像
💡
原文英文，约300词，阅读约需2分钟。
📝
内容提要
Astro组件无法直接在Storybook中使用，因为Astro是服务器端渲染。可以通过创建一个模拟的客户端图像组件来解决，先在Storybook中使用，后续再替换为Astro图像，从而实现类似Astro构建的Storybook。
🎯
关键要点
- Astro组件无法直接在Storybook中使用，因为Astro是服务器端渲染。
- 可以通过创建一个模拟的客户端图像组件来解决这个问题。
- 在Storybook中使用模拟组件，后续再替换为Astro图像。
- 使用命名插槽可以实现组件的替换。
- 提供了一个使用Preact的Figure组件示例。
- 在Storybook中，args不适用，因此需要使用特定的方法来渲染组件。
- 最终可以在常规项目中用Astro图像替换模拟组件，达到类似Astro构建的效果。
➡️
