问题标签 [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.

0 投票
1 回答
175 浏览

javascript - 我可以轻松地将已安装的 Bit 组件“弹出”到本地项目中以删除包依赖吗?

我们在这里和那里有几个用例,我们使用 Bit 来传递我们在项目中经常使用的 React 组件。有时我们需要根据合同将代码库交给客户,因为如果我们将项目交给的人没有添加到我们无法安装的位组织中,我们希望将我们的内部组件对位和 GitHub 保密我们package.json在 Bit 中添加的组件。

到目前为止,我在文档中找不到概述我如何“弹出”的位置,使用 CRA 术语,将组件从本地项目文件中移出node_modules和移入本地项目文件,然后删除package.json依赖项,以便我们可以使用从安装的组件Bit 但后来通过将它们直接嵌入到他的项目中,消除了在移交期间从 Bit 安装这些的需要。

想法是,由于项目在开发人员之间的设置并不总是相同,因此 Bit 没有这样的东西,在这种情况下,我们必须设置自己的脚本来处理这个问题,但我想我会伸出援手给任何可能以前使用过 Bit 的人,看看是否有人知道

0 投票
2 回答
1614 浏览

storybook - 如何将 bit.dev 与我的组件使用的全局 scss 文件一起使用?

我在当前的应用程序中有一个设计系统......它们都位于一个样式文件夹中。现在,我还有一个组件文件夹,其中包含一个“designSystem”文件夹,其中包含我想要在各种应用程序之间共享的所有可重用组件。

问题是..这就是我的应用程序的外观。如何将全局变量放入 bit.dev,然后将我的组件放在那里,使用它?或者这不是它的工作方式吗?

所以,我看到教程总是假设组件中的每一个都是自我隔离的,不关心外部样式....但是你如何使用 bit.dev 呢?

所以,我想把所有东西都放在我的 DesignSystems 文件夹中......每个文件夹都是一个组件。但是这些项目需要了解“样式”以及那里的那些项目......我很难过......该怎么办?

我该如何处理?

我是否必须走故事书路线并首先创建一个应用程序并将我所有的组件放在那里..然后将其发送到 bit.dev?

0 投票
1 回答
109 浏览

reactjs - 位不导入反应编译器

我正在使用 create-react-app 脚手架工具,我想将一些组件上传并跟踪到 bit.dev。

当我尝试按照以下教程进行操作时,问题就来了:

https://docs.bit.dev/docs/tutorials/bit-react-tutorial

当我尝试导入 React 编译器时,我运行它

这个过程永远挂在这个语句中:

由于我无法在本地编译,因此我在 bit.dev 上远程接收到编译错误......任何想法为什么它不导入反应编译器?

0 投票
0 回答
280 浏览

javascript - 如何将 ThemeProvider 添加到 bit.dev

我正在使用 bit.dev 开始一个新的 UI 库

但是我找不到有关如何向这些组件添加“全局”提供程序的任何信息或文档?

我有几个应用程序我想使用这个 UI 库和不同的主题颜色。

我不想将颜色硬编码到每个组件中,所以我希望我的所有组件都包装在某种“全局”ThemeProvider 中以提供颜色。

您如何使用 bit.dev 完成此任务?

我真的用这样的 ThemeProvider 包装每个组件吗:

这似乎有点奇怪,我希望每个应用程序都能够提供它自己的主题(而不是硬编码到 ui-components 库中)

我也不想为我在库中导入的每个组件提供一个主题。

理想情况下,他们只会使用我已经存在的 ThemeProvider w/emotion-css,或者最坏的情况是我必须添加另一个为我的所有 bit.dev 组件提供主题的 Provider?

真的很感谢有关如何使用 bit.dev 执行此操作的帮助吗?我觉得我错过了一些简单的东西。

0 投票
1 回答
146 浏览

javascript - 预期 T,在自定义 Object-Type 的 Vue-Prop 中得到对象

描述

你好呀,

我想使用 bit.dev 分享我的 Vue 组件。

我有一个像这样的 Vue 组件:

正如你所看到的,这个组件要求 prop 是一个特定的对象。

这是CustomObject

这在我的项目中运行良好,但如果我以这种方式包含它则不行:

在这种情况下,我收到此错误:

我在这里错过了什么?

编辑

正如我所看到的,@bit/myproject.my-component由 bit.dev 提供的组件提供了我的组件的打包和缩小版本。在那里,道具看起来像这样:

所以我想这就是为什么会发生这种情况。

0 投票
2 回答
226 浏览

javascript - 在 bit.dev 上安装一个导出的组件时未定义 React

我遵循了Bit for React 的官方教程。结果在这里:https ://bit.dev/vibe/react-admin-components/action-buttons

问题是,我无法将上述组件作为 npm 包安装在另一个项目中。它表示React is undefined此导入的运行时间(而不是构建时间):import ActionButtons from '@bit/vibe.react-admin-components.components';

我相信这是一个幸福的案例,这里没有魔法。React 17当我使用and时,也许 babel 是这里的问题babel 7

任何想法都将受到高度赞赏。

0 投票
1 回答
169 浏览

bit.dev - 是否可以在没有 bit.dev 帐户的情况下使用 Bit?

是否可以在没有 bit.dev 帐户的情况下将 bit 设置为本地服务器以进行内部处理?

我知道您可能没有相同的功能——bit的常见问题页面显示与 Bit CLI 不同,bit.dev 服务器是 Bit 拥有的专有工具。Bit.dev 在 bit 服务器之上提供附加功能,例如组件搜索、playground 和 CI 组件”,但这是否意味着我可以在没有 bit.dev 的情况下工作?

如果可能的话,你能指点我做这件事的文件吗?如何添加用户,如何工作?

0 投票
1 回答
198 浏览

reactjs - 使用 bit.dev 时如何有效地 npm 链接?

我有两个 git repos;

  • 一个是组件库,包含多个组件,这些组件都单独导出到 bit.dev
  • 二是使用库中组件的 next/react 应用程序

我的文件夹大致;

我希望能够在我的 react 应用程序中看到我的组件的本地更改,而不必先标记并将它们导出到 bit。在使用 bit.dev 之前,我会通过运行类似npm link ../component-library.

如何使用 bit.dev 实现这一目标?

0 投票
1 回答
3340 浏览

reactjs - 无法在 Bit.dev 上解析“react/jsx-runtime”

嗨,伙计们,我正在尝试使用 bit.dev 导出组件,但经过几次尝试后,我总是在组件的预览中遇到此错误,并且导入组件时,我总是遇到错误。

有人能帮我吗?

0 投票
2 回答
963 浏览

tailwind-css - 如何将 bit.dev 与 tailwindcss 一起使用

我想在 tailwindcss 之上构建一个组件库。因此我想用 bit.dev 封装我的组件。这是可能的,还是这两种竞争方法?