在我们网站或者app开发中,肯定会有整个网站或者app统一的风格,可能就会封装一些通用的控件或者通用风格的文件或者方法,而且这些通用控件可能会用在多个项目中使用,所以我们现在就把封装的文件放到gitHub中,然后哪些项目需要使用,就直接从github上拉取
一、 创建gitHub通用库仓库(图1.0)
图1.0
我这里是做测试,所以选择的是Public,做项目的时候肯定是公司级别的不希望被别人看到,肯定是需要选择Private的
1.1 如果没有SSH,百度一下SSH的操作步骤,这里不赘述,SSH是项目引入时需要的路径,也可以通过HTTPS的方法引入,这里介绍通过SSH的方式引入(图1.1),如果想通过url的方式引入的话,可能需要先把package-lock.json文件删除之后在install才能成功,
图1.1
图1.1
路径待会要用到 git@github.com:fulen/ReactTestCommon.git
二、把此公用库引入项目中
2.1、打开项目的package.json文件,把gitHub上的SSH地址拿过来(图2.1), 跟iOS引入三方库的形式有所不同,iOS 直接在podfile中加入例如 pod 'ReactiveCocoa','5.0.3'
,然后install即可,然而React需要给出代码仓库的路径
图2.1
git+ssh://git@github.com/fulen/ReactTestCommon.git
记住SSH的前缀加上git+ssh://
aaaaaLib这个名字自己命名,我这里随便命名的
或者使用HTTPS
"aaaaaLiba": "https://github.com/fulen/ReactTestCommon.git",
这种方式
3.1 npm install(图3.1)
图3.1
我们知道npm install之后会生成node_modules文件夹,我们可以看到我们的公用库已经从gitHub上install到我们的项目中去了,这时候就可以使用公用库中的东西了
3.2 使用公用库(图3.2, 图3.2.2)
图3.2.2
image.png
3.3 效果图(图3.3)
图3.3