Storybook组件联邦化：基于Webpack 5实现组件共享
Storybook-Webpack-Federation-Plugin 通过 Webpack 5 的联邦模块功能，将 Storybook 中的所有组件公开为可共享的联邦组件，为设计系统组件共享提供了一种便捷方案。由于 Storybook 已被广泛应用于组件开发和文档化，该插件将其扩展为组件使用平台，进一步提升了组件的可复用性。
插件使用步骤:
-
安装插件:
bash
yarn add storybook-webpack-federation-plugin -D
-
安装Webpack 5:
由于 Storybook 当前使用 Webpack 4，需要额外安装 Webpack 5 以支持联邦模块功能。
bash
yarn add webpack@v5.0.0-beta.16 webpack-cli -D
-
配置Webpack:
为 Storybook 创建一个新的 webpack.config.js 文件，并在其中配置 Webpack 5 和 Storybook-Webpack-Federation-Plugin。
注意:
Storybook 未来版本计划升级到 Webpack 5，届时将无需执行步骤 2。
文件大小：2.4MB
评论区