上传者: 42102401
|
上传时间: 2022-01-07 16:37:51
|
文件大小: 2.4MB
|
文件类型: -
故事书Webpack Federation插件
将您的Storybook中的所有组件公开为Webpack 5联合组件。
动机
如今,设计系统已成为时尚,我们希望创建一种简单的方法来共享它们。 由于故事书已被证明是一种很好的方法,因此我们想出了为什么不同时将组件当前状态的真理源也用作使用它们的地方?
。 您可以在
安装
为您的故事书
安装插件。
yarn add storybook-webpack-federation-plugin -D
故事书当前使用Webpack 4,这意味着我们必须做一些额外的步骤来安装Webpack 5,因为已经在其中添加了联盟。 一旦Storybook开始使用Webpack 5,我们将不需要执行这些步骤。
首先,我们需要安装最新的Webpack5 Beta:
yarn add webpack@v5.0.0-beta.16 webpack-cli -D
Storybook具有自己的webpack配置,您通常可以扩展它,但是我们还不能做到这一点,因此我们必须为webpack.config.js创建一个新的webpack.config.js 。 这是一