Storybook 附加组件代码预览

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

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

入门

安装

首先从 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']
};

注册附加组件后，您就可以开始使用它了 🚀