我想在 tailwindcss 之上构建一个组件库。因此我想用 bit.dev 封装我的组件。这是可能的，还是这两种竞争方法？
有可能的。我设法做到了如下。 （使用最新的 v15 - Bit Harmony）
在开始项目之前，请通过您的 Bit 配置文件设置集合：https://bit.dev/~create-collection https://bit.dev/%7Ecreate-collection
- 安装 Bit 的版本管理器包：
npm i -g @teambit/bvm
- 安装位：
bvm install
- 使用您的用户名/电子邮件登录：
bit login
- 在项目文件夹中初始化 Bit Harmony 工作区：
bit init --harmony
- 定义您的范围 (=个人资料.集合 or 组织.集合) in
workspace.jsonc在项目的根文件夹中：
{
"defaultScope": "your-profile.your-collection"
}
该文件中的其他所有内容都可以（应该？）保持不变。
- 您必须创建一个文件夹，其中包含 Tailwind 的配置文件（Bit 不允许添加单个文件 - 仅限目录），例如
tailwind-config/index.js
- 将文件夹添加到 Bit 集合（即文件在本地跟踪）：
bit add tailwind-config
- 确保该文件的所有依赖项均已安装（
npm install)
-
bit tag --all又名提交（正如我们从 git 中了解到的）
-
bit export又名推
该组件现在应该出现在您的集合中，您还可以使用任何包管理器在各个项目中重用 Tailwind 的配置文件，例如npm install @your-profile/your-collection.tailwind-config
最后，将其添加到您的tailwind.config.js file:
module.exports = require('./node_modules/@your-profile/your-collection.tailwind-config')
我个人认为，这是拥有一致且实用的设计系统的好方法。
有关 Bit 内部工作原理的更多信息，请查看文档：https://harmony-docs.bit.dev/ https://harmony-docs.bit.dev/
UPDATE:初始化新拉的存储库（包括.bitmap & workspace.jsonc）正在使用bit import进而npm install
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
