Storybook Addon 代码预览

此 Storybook 插件可为您提供 Storybook 组件的 js|js|ts|tsx|css 文件预览。它使用自定义的 Webpack 配置和加载器，并为位于 components 文件夹下的所有文件添加一个预览选项卡。

• 📝 轻松访问 story/组件代码
• ⚛️ 已访问组件的历史记录
• 📦 更多功能即将推出

入门

安装

首先从 npm 安装该插件

npm i --save-dev storybook-addon-code-preview
# or
yarn add --dev storybook-addon-code-preview

然后将以下内容添加到您的 .storybook/main.js 文件中

module.exports = {
  addons: ['storybook-addon-code-preview']
};

注册插件后，您就可以开始了 🚀