组件共享平台安全中心接入思维导图
组件共享平台安全中心接入
树图思维导图提供 组件共享平台安全中心接入 在线思维导图免费制作，点击“编辑”按钮，可对 组件共享平台安全中心接入 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：05bf54364e643dbc0116565ee0aad59e
思维导图大纲
组件共享平台安全中心接入思维导图模板大纲
首次接入
1、预备工作
- npm i @sdd-web/ebit-bin@latest -D 安装bit
- 新建babel.config.json 文件 将package.json中的babel字段内容移入到此文件中，之前的删除
原因：bit组件以源码形式导入到项目中时，每个bit组件自身就是一个小型项目，项目其实是变成一个monorepo结构，按之前放入package.json中babel字段的形式无法应用于bit组件，babel7新特性支持将babel.config.json中的配置以作用于全局，
- =根目录下新建bit_scripts文件夹，放入postinstall.js文件，package.json中 scripts字段新增 postinstall : node bit_scipts/postinstall.js
作用：执行 npm install会调用的一个钩子，用来执行postinstall脚本，主要用于重新构建互相有引用关系的bit组件的软链接
2、bit环境配置
- 先热个身，执行下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 一下就可以根据这个重新生成一条指向该路径的本地软链接
3、weci打包脚本配置
由于weci上执行的打包脚本不是调用postinstall钩子，因此需要在打包脚本的安装依赖语句之后添加 npm run postinstall; 这条语句，比如 打包脚本中有 npx yarn; 则添加在此后面即可
接入入后需测试事项
1、项目是否能正常运行
2、项目是否能正常打包
本地build
wecibuild
3、bit组件代码在本地提交之后其它开发人员更新代码以后是否能够正常使用
由于bit组件之前有提到是以本地依赖的形式去使用的，因此别的开发人员更新代码之后node_modules是不会有那个软链接的，需要 install 一下
install可能会遇到的问题
- npm安装：peerDependencies导致的解析依赖书版本冲突而报错 npm i --legacy-peer-deps
- yarn 安装：node引擎版本过低导致的报错 yarn install --ignore-engine
日常迭代
更新组件
npx bit import 组件id -m
相关思维导图模板
树图思维导图提供 二手书销售平台新航标 在线思维导图免费制作，点击“编辑”按钮，可对 二手书销售平台新航标 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：a92403b70afada50cf4fa4f56e0981c9
树图思维导图提供 主机安全防御 在线思维导图免费制作，点击“编辑”按钮，可对 主机安全防御 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：fa34d4fe2f232e3cb5713f4995d45a66
沪公网安备 31011502019485号
上海工商