问题标签 [bit.dev]
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 - 如何使用位在 javascript 项目中创建打字稿组件?
我想在现有的 javascript 项目中创建一些打字稿组件。我的新组件将全部放在一个文件夹中,并将使用react-typescript
编译器,而不是react
其余组件使用的编译器。如何将此编译器定义为整个文件夹(以及其中的所有组件),但将现有编译器保留在项目中所有现有的位组件上?
bit.dev - bit.dev 工作流程,没有专门的共享库团队,并且在发布前有代码审查
寻找工作流程解决方案。我们需要像 ad-hoc 共享工作流https://docs.bit.dev/docs/workflows/projects之类的东西,再加上一个 - 在组件发布只能在代码审查之后发生之前。让我试着描述一下简短的场景:
- 有一个包含共享组件的仓库
- 有几个消费者项目。每个人都在自己的仓库中
- 没有专门的团队来维护带有共享组件的 repo
- 消费者项目的开发者导入一个共享组件并进行更改
- 开发人员想要为组件更改创建拉取请求
到目前为止,我只看到一个解决方案——开发人员手动将他在本地所做的更改应用到共享库存储库并手动创建拉取请求。有点无聊。bit.dev 是否为这种情况提供自动化解决方案?
reactjs - bit.dev 反应较少的样式
我想使用bit.dev作为我的 react 共享组件存储,但我已经将更少的文件编译为 css。我将create-react-app与customize-cra一起使用(在不弹出的情况下覆盖 CRA 配置)。
这是我的config-overrides.js文件:
这是我来自package.json的位配置:
位构建命令完成后,我仍然得到.less文件而不是.css。有什么建议如何在 bit.dev 中使用 scss/less?
javascript - React Bit Dev 模块说 404
我正在尝试在我的应用程序中使用以下 bit.dev 社区可重用组件(semantic-ui-react table),我正在尝试的链接如下:
https://bit.dev/semantic-org/semantic-ui-react/table?example=5c920bc8c634f0001a931879
我们可以在应用程序中使用相同的使用npm i @bit/semantic-org.semantic-ui-react.table
但是每当我这样做时,都会出现以下错误(注意:对于其他 @bit 模块,我们也会遇到同样的问题):
javascript - 无法将 js 位组件导入 ts 项目 - `找不到模块的声明文件`
当尝试将 javascript 组件 npm 安装到打字稿项目中时,我收到打字稿错误,因为缺少d.ts
文件或@types
组件:
我是@bit/bit.web.components.comment-carousel
另一个项目中组件的作者。
我可以想到两种方法来解决这个问题:
我可以
bit eject
从最初编写它的作者项目(以及当前使用它的位置)中获取它,并将 a 添加d.ts
到组件中。我可以
bit import
在我的消费项目中修改组件并对其进行修改,但感觉有点矫枉过正。
有没有更好的方法来实现这一目标?
javascript - Bit.dev 无法添加 2 个具有相同 ID 的组件
为了管理我的多个react
组件,我决定使用bit。然后我添加一个组件loginForm
,它是一个具有这种结构的目录:
我为此使用 cli 命令add
:
但我得到了这个我不太明白的错误:
无法添加 2 个具有相同 ID 的组件:login-form/login-form
作为某人的一个想法?
javascript - 使用 bit.dev 远程服务器将 Gatsby 部署到 Netlify 失败
我正在 Netlify 上构建我的第一个站点。我已经好几个星期没有更改我的 gatsby 网站了。当我尝试实时部署时,我遇到了构建错误。
我在部署时遇到以下问题。gatsby build 和 gatsby develop 都在本地为我工作,所以我很困惑为什么会出现错误。
一切都是最新的,并且可以在本地工作,所以我不知道从哪里开始。
javascript - 无法将任何内容从 bit.dev 导入我的 React 项目
我有一个 React 项目;我正在尝试从 bit.dev 导入一个组件,但由于某种原因它不起作用。
我已使用以下命令在终端上安装了该软件包:
链接:https ://bit.dev/nexxtway/react-rainbow/button
它也添加到我的 package.json 文件中的 dependencies 键中:
我正在尝试在我的 App.js 文件中使用它:
它要么给我一个错误,要么什么都不显示为空<div>
。
reactjs - 位跟踪 React 组件的全局上下文
我正在为一个网站开发一个 React 组件库。对于本地开发,我使用 Storybook。我认为bit
可以是一个很好的工具(比 npm link 更好),用于导出库组件并将它们导入到网站 repo 中。现在的问题是我正在为某些组件使用全局上下文,但位组件必须是隔离的和自给自足的。我不想包装我所有使用全局上下文的小组件,只是为了在bit.dev上呈现它们!
我已经能够使用装饰器解决故事书的相同问题。因此,我定义了一个组件而不用 a 包装它,ContextProvider
然后在故事文件中我使用了一个装饰器,它用ContextProvider
.
有没有办法用全局上下文提供程序包装位组件,而不包装将在生产网站中使用的实际组件,其中单个全局上下文提供程序包装整个应用程序?这种工作流程的最佳实践怎么样?
reactjs - 如何在 bit.dev 中共享自定义样式的 Ionic 组件
您能帮忙解决以下问题吗?
- 我们在一个拥有 2 个不同项目的团队中使用 Ionic 和 React。
- 我们需要对这些 Ionic 组件进行一些不同的样式设置。
- 我需要与另一个团队共享这些风格略有不同的 Ionic 组件,以便代码重用。
- 我想用 Storybook 向 UX 团队展示这些风格化的 Ionic 组件,并说“这就是按钮的样子”
首先,我只是在一个 css 文件中添加了样式并将该文件导入到根 React 页面中。
但是将组件+样式封装在一个可重复使用的隔离组件中会很好,其他人可以重复使用而无需导入自定义 css 文件。
我在想:
现在,我可以使用例如 Bit.dev 跟踪/导出上述组件,并让其他团队通过 npm-install 使用它。
但是,我不喜欢:
a) 将名称从“IonButton”更改为“MyIonButton”
b) 必须包装每个 Ionic 组件,如上所示
我希望自己和其他团队以标准方式使用 Ionic 组件,例如
但是让这些基础构建块/组件以某种方式样式化。
请您向我描述正确的方法好吗?非常感谢您的时间