问题标签 [react-styleguidist]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 在 React 中结合使用 Styleguidist 和 Ant UI
我正在创建一个使用 Ant UI 作为基线的样式指南。我遇到的问题是在运行 yarn run styleguide 时启动主题配置。这是一些文档 ——https://ant.design/docs/react/use-with-create-react-app
我已将此样板文件用作模板,但他们使用的版本已弃用且较旧/不是最新的 styleguidist 文档,我想使用所有内容的最新版本 - https://github.com/newswim /styleguidist-ant-design/tree/master
我不确定如何将上面的旧版本翻译成新版本。当我运行 yarn run start 时,它使用新变量,因为 react-app-rewired 在该命令中,但我需要它与 styleguidist 一起使用最新版本的所有内容。
谢谢。
包.json
配置覆盖.js
styleguide.config.js
javascript - 如何在 React 中为 styleguidist 渲染 .md 文件中的两个组件?
我正在尝试使用自定义组件创建样式指南。我需要能够在彼此内部插入组件,但不确定如何在 .md 文件中执行此操作。我有一个列表和列表项。我想在列表中显示列表项。在 styleguidist 显示中出现此错误。这里有一些很好的例子,但没有一个能说明我想要完成的事情——https: //github.com/styleguidist/react-styleguidist/tree/master/examples/basic/src/components
SyntaxError: Unexpected token (3:0) 1: import ListItem from './ListItem' 2: 3:
列表.tsx
列表.md
列表项.tsx
react-styleguidist - 如何在查看代码块中显示外部文件
我想在我的 Styleguidists MarkDown 文档中显示另一个文件的来源。我不希望源始终在内联可见;我只想在读者点击查看代码时出现。
根据文档(https://react-styleguidist.js.org/docs/configuration.html),我已将 updateExamples 添加到我的 `styleguide.config.js
这几乎可以工作,但并不完全:
如果我包括
然后我看到完整的源代码,总是展开,而不是缩减为“查看代码”按钮。
或者,如果我包括
然后我得到了我想要的“查看代码”按钮,但在它之前尝试评估代码,所以我也得到了一个框SyntaxError: Unexpected token 'export'
(以及 Chrome 控制台中的一个匹配的丑陋错误)。
如何在不评估外部文件的情况下将外部文件放入查看代码按钮?
reactjs - 使用静态关键字的合适的 webpack 加载器是什么?
当我尝试启动我的 react-styleguidist 文档时出现以下错误:
我的webpack.config.js
样子是这样的:
我的babel.config.js
样子是这样的:
再生产:
static
使用关键字的合适的 Webpack 加载器是什么?
react-styleguidist - React-styleguardist - 静态资产?
我想在我的文档中使用静态资产,但我得到 404
我的资产文件夹位于项目的根目录下 src/ 并称为静态
我在我的 styleguide.config.js 中的 assetsDir 中添加了这条路径
这就是我试图在 _icon.scss 中引用它的方式
我被困在里面,看不到我做错了什么。谢谢帮忙!!
javascript - react-styleguidist - 以组件作为道具的示例 - SyntaxError:无法在模块外使用导入语句
我有一个组件,其中的道具是组件。
错误
如何导入道具
vue.js - vue-styleguidist 自 V4.0.3 起无法构建文档
我正在尝试迁移到最后一个 vue-styleguidist,但由于 v4.0.0 我不能。使用 3.26.2 可以正常工作。
我有这个错误:
有迁移指南吗?这很奇怪,因为 babel typescript snafu 一切都很好,也许我需要在 babel 配置中添加一些东西?
我正在与:
节点JS 10.15.1
我的依赖:
react-styleguidist - react-styleguidist 可以支持导出markdown吗
想用retreat-styleguidist导出markdown文档,但是想看官方文档没看到怎么做