- 先热个身,执行下npx bit -v,有显示版本号说明安装成功
- npx bit init 初始化
-这里可以看到这里项目会生成一个.bit 文件夹和 .bitmap文件,以及package.json里会新增一个bit字段
.bit文件夹:储存bit组件的二进制源码数据,项目内的bit组件其实就是这里objects文件夹内的二进制源码数据经过语法树转换而来;tmp文件夹用于临时存储版本合并时的三方比较文件,用于merge。tmp文件夹可以不用上传
.bitmap文件: bit组件图谱,请不要随便手动修改
package.json里的bit字段:bit全局配置
- package.json中修改bit字段,内容如图
- 链接远程仓库 npx bit remote add ssh://172.28.6.12:22:/home/admin/web-scope
-按需 引入bit组件并在项目内使用, npx bit import 组件ID
组件名可以通过 npx bit list web-scope查询,这里以以安全预警模块为例 npx bit import web-scope/sdd-web-safeopr/safety-warning
引入的模块都是以本地依赖软链接的方式在项目内使用的,虽然组件是在项目本地,但还是请不要使用相对路径的方式去引用bit组件,这里会以安全预警模块为例去项目的变化
首先可以看到在bit全局配置中设置的组件存放路径有了bit组件的源码
然后可以看到node_module里也新生成了个指向该路径的软链接,平时在项目中使用 还是是通过 import {xxxx} from '@bit/web-scope.sdd-web-safeopr.safety-warning' 的形式去使用该页面模块
再然后可以看到package.json里的 依赖列表有新增图上这一行,这是因为上传代码是不会携带node_modules文件夹的,因此别的开发人员更新代码之后只需要正常 npm install 一下就可以根据这个重新生成一条指向该路径的本地软链接