如何处理公共模块--对比npm和git submodule

最新推荐文章于 2023-09-27 14:36:59 发布
VIP文章 最新推荐文章于 2023-09-27 14:36:59 发布
阅读量3.2k 收藏 2
点赞数
分类专栏： 前端基础 文章标签： npm git submodule 公共组件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Smallsun_229/article/details/80721928
版权

先说一下使用场景：当多个项目中用到了公共模块，如何处理这些公共模块呢？举个例子：当前项目中用到了一些组件Loading、Input啊，一些公共组件，并不想写在项目本身，而是抽出来可以为多个项目所复用。
本文主要对比以下两种方式：
1. 把公共组件写成一个npm包，使用时npm install安装即可
2. 公共组件单独写成一个项目，使用时用git submodule引入到主项目中

下面比较这两种方式的异同（下面假定公共组件库项目名为common-component）

添加一个新

最低0.47元/天 解锁文章
_未名
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
shipit-submodule:Shipit插件，用于下载git子模块
04-29
发货子模块 安装 npm install shipit-submodule --save-dev 用法 要（递归地）激活git子模块的下载，请在shipit初始配置中启用submodules ： submodules: true 示例shipitfile.js module . exports = function ( shipit ) { require ( 'shipit-deploy' ) ( shipit ) ; require ( 'shipit-submodule' ) ( shipit ) ; shipit . initConfig ( { default : { workspace : '/tmp/github-monitor' , deployTo : '/tmp/deploy_to' , repositoryU
clutz-npm：clutz的npm软件包
02-10
clutz-npm npm软件包（关闭TypeScript .d.ts生成器） 用法 $ npm i -g @teppeis/clutz $ clutz foo.js bar.js $ gents foo.js bar.js 要么 $ npx @teppeis/clutz foo.js bar.js $ npx -p @teppeis/clutz gents foo.js bar.js 如何贡献 为开发人员设置 $ git clone git@github.com:teppeis/clutz-npm.git $ cd clutz-npm $ git submodule update --init $ npm install $ npm run build # make clutz-all.jar with gradle wrapper $ npm test 执照 麻省理工学院执
git-sanitize：Git自定义命令，它将对分支进行完整的“消毒”
02-09
Git消毒 Git自定义命令，将对分支进行完整的“清理”。 通过基本运行以下命令，这会将分支和所有子模块重置为分支HEAD状态。 git clean -xfdf git submodule foreach --recursive git clean -xfdf git reset --hard git submodule foreach --recursive git reset --hard git submodule update --init --recursive 安装 npm i -g git-sanitize 用法 git sanitize 发展历程 可以在可以安装Node.js的任何计算机上进行开发。 建造 通过npm安装依赖项。 npm i 通过npm运行构建： npm run build 测验 通过npm执行测试。 npm test 这将运行皮棉和单元测试。
从PCB到完整的物联网项目
Flash1by1的博客
11-08 278
从PCB到完整的物联网项目 将要干的事情：一个简单的物联网体系可以从硬件开始到云端结束，而我今天开始将会用这一系列帖子记录我完成这一项目的过程。 PS：博主也是初学者，如若有错请大家及时指出，谢谢各位看官。 博主邮箱:[email protected]（加的朋友请注明来意） 文章目录从PCB到完整的物联网项目前言一、准备阶段 前言 随着时代的发展物联网使用之广泛也是有目共睹的，而想介入其中的朋友应该也是很多，所以这一系列文章我将以一个小白的角度展示从查找资料到最后完成整个项目的所有工作。（我本身
git submodule 执行无效_【重谈npm】当下载一个项目到本地执行npm install报错时应该怎么办...
weixin_39874350的博客
11-23 375
本文记录了我从下载一个项目到本地，执行npm install所遇到的问题，以及在此过程中我为了搞清楚这些问题从而学到的一些东西。首先拿到一个项目（前端项目），我们想跑起来项目的第一步一般都是执行npm install，但往往我们会在这一步就开始遇到大坑。比如这样：这时候的我们可能会突然蛋疼，开始好奇这好好的项目为啥在别人电脑就跑的好好的，我就从master分支拉下来安装个依赖都不行。然而这个时候我...
使用npm脚本命令配置初始化子模块仓库，同时拉取父仓和子模块仓库等操作
Yaro的博客
06-10 1062
当你了解到submodule（git的子模块）时，应该已经会用gitsubmodule add [公共仓库地址]。 也就是：对父仓库嵌套一个子仓库（也就是submodule子模块），一般这个子仓库是公共使用的，并且有人去维护更新。 但是， 项目需要同时更新父仓库和子仓库时候，该怎么办呢？ 一般人是首先想到的是git pull origin master后git submodule upda...
Git系列讲解（二）：项目子模块submodule
In_engineer的博客
12-31 2223
Git支持在项目中添加别的项目为子模块，这篇文章将详细讲解其中用法
git 常用命令整理
qq_38556217的博客
09-11 372
1. 远程仓库的文件同步到本地仓库: // 更新本地仓库数据 git pull origin 分支名 // 重新合并分支 git merge　要合并的分支名 // 提交合并后的数据 git push origin 远程分支名 2. 拉取提交操作： // 拉取 git clone ssh://仓库地址 // 提交 git diff //可以查看这次修改了什么，那些妥当，那些不妥当，按q可以退出 git add . //这里的点是全部修改内容，或者自行选中单个文件 git commit -m "
关于git submodule使用在jenkins中执行npm run submodule报错
weixin_43674509的博客
12-09 772
先发报错信息 :fatal: could not read Username for xxxx No such device or address; 当项目中用到submodule子模块去构建项目时;在jenkins部署时,报出了上述错误; 刚开始粗浅的没看log日志 以为是公司项目从public改为 private时,submodule出了问题; 所以开搞submodule 1.删除项目子模块 rm -rf module name | rm -f .gitmodules 这两个命令都可以; 2.重
npm遇到的问题--npm install 执行报错 /bin/git submodule update -q --init --recursive
weixin_34245082的博客
10-25 1074
1.执行npm i 安装依赖时，报错：cannot read property 'match' of undefined 据说是npm本地缓存导致 解决方案： rm -rf package-lock.json ( 甚至连同node_modules一起删掉 rm -rf package-lock.json node_modules) 但是执行完毕后，又出现了新问题：/bin...
微前端落地指南
07-06
微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立开发、独立部署。同时，它们也可以在共享组件的同时进行并行开发——这些组件可以通过 NPM 或者 Git Tag、Git Submodule 来管理。
xwing-data:X-Wing易于使用的数据和图像集合
05-01
最简单的方法是通过 ， ， 或作为： 纱线： yarn add xwing-data npm： npm install xwing-data 凉亭： bower install xwing-data Git子模块： git submodule add https://github.com/guidokessels/xwing-data.git...
submodule-parent
04-05
git子模块 构建设置 # install dependencies $ npm install # serve with hot reload at localhost:3000 $ npm run dev # build for production and launch server $ npm run build $ npm run start # generate ...
【git】submodule
最新发布
DMLearner的博客
09-27 459
(1) 项目很大参与开发人员多的时候，需要将各个模块文件进行抽离单独管理。(2) 使用 git submodule 来对项目文件做成模块抽离，抽离出来的文件可单独成为一个 git 仓库。整个主项目对抽离出来的子项目（子模块）有依赖关系，却又并不关心子项目（子模块）的内部开发流程细节。(3) 代码如果全员可见，可以做成分支进行管理；如果代码不可见，可以创建为子仓库（独立一个git 仓库）；子仓库管理模块代码，主仓库定时更新。(4) 简单理解：项目工程为一个仓库；模块为一个仓库；
git submodule子模块的使用
qq_38253549的博客
04-12 1590
git submodule 子模块的使用
git submodule的使用
热门推荐
wangjia55的专栏
04-24 14万+
转自： 开发过程中，经常会有一些通用的部分希望抽取出来做成一个公共库来提供给别的工程来使用，而公共代码库的版本管理是个麻烦的事情。今天无意中发现了git的git submodule命令，之前的问题迎刃而解了。 添加 为当前工程添加submodule，命令如下： git submodule add 仓库地址 路径 其中，仓库地址是指子模块仓库地址，路径指将子模块放置在当前
npm ERR! git submodule -q update --init --recursive: fatal: unable to connect to github.com:
格物致知
04-10 5440
主要原因是，没有设置git的代理，无法发起git协议的请求 需要用insteadof进行替换 https://github.com/npm/npm/issues/6285 http://www.cnblogs.com/zhcncn/p/3681209.html http://stackoverflow.com/questions/16298986/unable-to-connect
Git Submodule的坑
呆萌院长
07-18 3343
http://blog.devtang.com/blog/2013/05/08/git-submodule-issues/ Git Submodule的坑 MAY 8TH, 2013 前言 随着近几年的发展，Git已经成为开源界的标准的版本控制工具。开源界的重量级项目，如Linux, Android, Eclipse, Gnome, KDE, Qt, ROR
钩子函数是什么？
smallsun
08-25 2万+
什么是钩子函数？ 先来看一段百科：钩子函数是Windows消息处理机制的一部分，通过设置“钩子”，应用程序可以在系统级对所有消息、事件进行过滤，访问在正常情况下无法访问的消息。钩子的本质是一段用以处理系统消息的程序，通过系统调用，把它挂入系统。 emmmm，认认真真读三遍。get关键词，在系统级对所有消息进行过滤，这是什么意思呢？是说钩子函数是在一个事件触发的时候，在系统级捕获到了他，然后做一...
npm ERR! Command failed: git submodule update -q --init --recursive
05-30
这个错误通常是因为 git 子模块无法更新导致的。你可以尝试以下解决方法： 1. 确认你的网络连接正常，可以访问 git 仓库。 2. 确认你的 git 版本是否过低，如果是请升级到最新版本。 3. 尝试手动更新子模块，使用以下命令： ``` git submodule update --init --recursive ``` 如果以上方法无法解决问题，请提供更多的错误信息和上下文，这样可以帮助我更好地理解问题并提供更准确的解答。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值