组件共享平台安全中心接入思维导图

查看详情

组件共享平台安全中心接入

树图思维导图提供组件共享平台安全中心接入在线思维导图免费制作，点击“编辑”按钮，可对组件共享平台安全中心接入进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：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

相关思维导图模板

做一个研究型的教师：中小学教师如何做课题和写论文（岭南师范学院刘惠卿）2023.01.26 彭深惠

免费使用模版

Sunwing

4.88

树图思维导图提供做一个研究型的教师：中小学教师如何做课题和写论文（岭南师范学院刘惠卿）2023.01.26 彭深惠在线思维导图免费制作，点击“编辑”按钮，可对做一个研究型的教师：中小学教师如何做课题和写论文（岭南师范学院刘惠卿）2023.01.26 彭深惠进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：d2910525142de5e474dd0386e2319ca8