加入直播会议:周四,美国东部时间上午 11 点,Storybook 9 发布 & AMA

用于 Storybook 的 Vue CLI 插件

在 Github 上查看

vue-cli-plugin-storybook

用于 Storybook 的 Vue CLI 插件

安装

$ vue add storybook

或者要安装适用于 vue-cli-5 的下一个主要版本,请运行

$ vue add storybook@next

用法

它将为 storybook 创建一个配置文件夹、一个示例组件和一个示例故事。用于 storybook 的 webpack 配置是从 `vue-cli-service` 中解析的,这意味着你不需要在 storybook 配置文件夹中有任何特殊的 `webpack` 部分。

然而,storybook 会根据内部允许的插件列表过滤所有 webpack 插件。如果你正在使用自定义插件扩展你的配置,可以通过在 `vue.config.js` 的 `pluginOptions` 中传递它们的名称来扩展允许的插件列表,如下所示

{
  pluginOptions: {
    storybook: {
      allowedPlugins: [
        'define'
      ]
    }
  }
}

插件的名称是在 webpack-chains 的 `config.plugin(...)` 调用中使用的字符串。

请注意,只有使用 webpack-chain 配置定义的插件才能使用 `allowedPlugins` 选项进行过滤。通过 `configureWebpack` 定义的插件将始终包含在最终的 webpack 配置中。

贡献者

贡献者列表如下

我们特别感谢 `Almas Akchabayev <almas.akchabayev@gmail.com>` 提供初始代码并愿意将项目转让给我们。

TODO

我接受 Pull Request,并保证在一天内回复

许可证

MIT/X11

Bug 报告

在此报告保证在一天内回复

联系方式

Pavan Kumar Sunkara (pavan.sss1991@gmail.com)

githubtwitter 上关注我

由以下人员创建
  • ndelangen
    ndelangen
  • pksunkara
    pksunkara
  • igor-dv
    igor-dv
标签