发包之前你一定要了解的Peer Dependencies

最新推荐文章于 2024-08-08 07:40:56 发布
最新推荐文章于 2024-08-08 07:40:56 发布
阅读量758 收藏
点赞数
文章标签： javascript 前端 react.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Android062005/article/details/127687306
版权
本文探讨了在创建和发布JavaScript库时如何选择Dependencies和Peer Dependencies。解释了Dependencies用于确保用户安装必要的依赖，而Peer Dependencies则声明库所兼容的版本。当两个包依赖不同版本的同一包时，npm 5以前会自动安装，但npm 3以后会报错。将依赖放入Peer Dependencies可以避免版本冲突和资源浪费，同时确保库与环境中的其他组件兼容。例如，antd库声明了对react的 Peer Dependency，要求用户环境中已有兼容版本。
摘要由CSDN通过智能技术生成
  • Dependencies
  • Peer Dependencies

关于 这两者的判断，对于应用开发者可能没啥关系。但是 如果你开发了一个库，要发包，那这个最好小小地区分一下。

先看看把包放进去代表什么意思，会发生什么事情

Dependencies

  • 你要用我的这个包，就必须需要安装这些依赖
  • 如果他不在 node_modules，就会自动安装

Peer Dependencies

  • 我的这个包，兼容这个版本的包

  • 如果他不在 node_modules、或者包版本不对

    • 老版本的 npm 会自动安装，npm3之后就不会了，而是报个错给你看，让你自己选择处理方式

具体点，要添加一个依赖的时候怎么选？

工具包

比如：

  • lodash
  • dayjs
  • react-use

就是放 Dependencies

安装的时候就直接

npm install <package-name>

在 npm 5 之前还要手动指定 --save

npm install <package-name> --save

最低0.47元/天 解锁文章
梅花十三儿
关注
vue渲染大量数据优化_记一次vue长列表的内存性能分析和优化
weixin_39901439的博客
12-22 1045
好久没写东西，博客又长草了，这段时间身心放松了好久，都没什么主题可以写了上周接到一个需求，优化vue的一个长列表页面，忙活了很久也到尾声了，内存使用和卡顿都做了一点点优化，还算有点收获写的有点啰嗦，可以看一下我是怎么进行这个优化的，也许有点帮助呢这个长列表页面，其实是一个实时日志上报的页面，随着页面打开时间的增加，日志数量也会增多，常规的页面布局和渲染免不了会遇到性能问题。使用了vue框架，框架内...
js之页面列表加载常用方法总结
军火库
09-27 514
* Dependencies * Peer Dependencies 关于 这两者的判断，对于应用开发者可能没啥关系。但是 如果你开发了一个库，要发包，那这个最好小小地区分一下。
Dependencies 开源项目教程
最新发布
gitblog_00633的博客
08-08 560
Dependencies 开源项目教程 DependenciesA rewrite of the old legacy software "depends.exe" in C# for Windows devs to troubleshoot dll load dependencies issues.项目地址:https://gitcode.com/gh_mirrors/de/Dependenc...
peerDependency到底是什么
Hi,印象钟情
08-04 1553
它告诉 NPM 忽略项目中引入的各个 modules 之间的相同 modules 但不同版本的问题并继续安装，保证各个引入的依赖之间对自身所使用的不同版本 modules 共存。在 NPM v7 中，默认安装 peerDependencies，在我们日常使用的插件例如 babel-plugin-dynamic-import-node、babel-plugin-transform-vue-jsx、lottie-web，它们都依赖于 webpack 进行开发的。正常开发中，我们经常接触到的是。
【103】Peer Dependencies （同版本依赖）
zhangchao19890805的专栏
01-09 9186
原文地址：https://blog.domenic.me/peer-dependencies/ nodejs官网收录了这篇文章，地址是https://nodejs.org/en/blog/npm/peer-dependencies/ 作者是 Domenic Denicola ，就职于谷歌Chrome团队。github 上npm开源项目的参与者。 在本文中我把 Peer Dependencie
一文搞懂peerDependencies
热门推荐
astonishqft的博客
04-21 1万+
问题引出 今天在运行之前的一个react工程时，浏览器上抛了一个奇怪的错误： Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might h...
peer dependencies 学习记录
Amy的博客
10-11 1192
文章目录内容来自 本篇仅用作学习笔记，大部分是谷歌翻译加上自己的理解。如有错误欢迎指出～ 内容来自 What are peer dependencies in a Node module? Types of dependencies Peer Dependencies
pnpm install出现：ERR_PNPM_PEER_DEP_ISSUES Unmet peer dependencies
m0_67401382的博客
08-02 3844
完整日志.└──?hint问题原因在npm3中，不会再强制安装（对等依赖）中所指定的包，而是通过警告的方式来提示我们。pnpm会在全局缓存已经下载过的依赖包，如果全局缓存的依赖版本与项目中指定的版本不一致，就会出现这种hint警告。pnpm团队成员给出的解答。...
peer-dependencies:npm package.json 字段 peerDependencies 的一篇博客的中文翻译
06-08
Peer Dependencies 2015-05-05 18:34 Peer Dependencies 2013-02-08 由 翻译。译文版权，意见。 npm 是非常棒的包管理器。特别是对子依赖处理得非常好。如果我的包依赖于 request v2 及 some-other-library，但是 ...
vue内存泄漏优化
小白白的博客
05-11 878
1. 监听在window/body等事件没有解绑 2. 绑在EventBus的事件没有解绑 3. 模块形成的闭包内部变量使用完后没有置成null 4. 使用第三方库创建，没有调用正确的销毁函数 5 . echarts问题： 不要把chart实例赋值在this上。（this对象一直存在不会被回收） 析构掉生成的echarts对象。 //-dom 不存在时不画 if (!this.$refs.barchart) { return } //- 不要重复初始化 let Chart = echarts.getIns.
Vue项目优化：从3.19MB到684KB的优化之路
愿历尽千帆，仍保持最初的热爱，奔赴每一场山海，一如既往鲜活而明亮~
05-05 932
前言 项目优化是我们前端开发人员必备的技能，本文以Vue项目为例，详细阐述优化的过程，看看如何使文件大小从3.19MB缩小到684KB，同时欢迎大家提出自己的优化方案。 项目技术栈阐述 本项目采用Vue前端框架、ElementUI组件库 优化之前 优化步骤 1.新建vue.config.js，添加main-dev.js、main-prod.js文件，设置不同的入口文件 利用Webpack打包...
peerDependencies的具体作用
_
03-31 3088
peerDependencies的目的是提示宿主环境去安装满足插件peerDependencies所指定依赖的包，然后在插件import或者require所依赖的包的时候，永远都是引用宿主环境统一安装的npm包，最终解决插件与所依赖包不一致的问题。 ...
Vue性能优化
yiyueqinghui的博客
12-21 3582
文章目录一、性能调试工具二、优化方向1、体积优化1.1、排查并**去除多余**依赖、静态资源1.2、使用webpack中的插件`image-webpack-loader`，在打包时**压缩图片**1.3、优化SVG图标1.4、优化Ant design of Vue、Element-ui组件库；2、传输优化2.1、优化路由懒加载2.2、开启HTTP22.3、打包时开启Gzip压缩，修改nginx配制，开启gzip优化性能2.4、Prefetch、Preload2.5、托管至OSS + CDN加速3、感知性能优
Vue常用性能优化
WindrunnerMax
11-14 544
Vue常用性能优化 Vue常用的一些优化方式，主要是在构建项目过程需要注意的方面。 编码优化 避免响应所有数据 不要将所有的数据都放到data中，data中的数据都会增加getter和setter，并且会收集watcher，这样还占内存，不需要响应式的数据我们可以直接定义在实例上。 <template> <view> </view> </template> <script> export default {
peerDependencies安装
xwnxwn的专栏
05-01 1664
当我们的项目中有peerDependencies时，执行npm install会发现peerDependencies的依赖项并不会下载，如果一个个下载太过麻烦，因此推荐一个npm库npm-install-peers，可以直接下载。 npm install --save-dev npm-install-peers npm script { scripts: { "install-peers": "npm-install-peers" } } 执行对应脚本即
Vue项目中的性能优化
qq_37831545的博客
03-07 2411
Vue项目中的性能优化：尽量减少data中的数据，data中的数据都会增加getter和setter，会收集对应的watcher - v-if 和v-for区分使用场景，v-if和v-for不要连用； - v-for遍历必须为item添加key，key保证唯一性，且避免同时使用vif - computed和method区分使用场景 - 路由懒加载、图片懒加载、长列表动态加载 - 第三方模块按需导入 - 对于短时间的大量操作（缩放、滚动）使用防抖、节流函数 - 事件的销毁
vue中的内存泄漏
csdn_46884182的博客
08-22 4044
Vue如何释放内存（防止内存泄漏） 1、在mounted/created 钩子中绑定了DOM/BOM 对象中的事件，需要在beforeDestroy 中做对应解绑处理 2、在mounted/created 钩子中使用了第三方库初始化，需要在beforeDestroy 中做对应销毁处理 eg: this.map.remove() 3、组件中使用了定时器setTimeout，setInterval，需要在beforeDestroy 中做对应销毁处理 this.timer && clearInte
如何配置才能自动安装 peer dependencies
06-09
在使用 `pnpm` 安装包时，如果希望自动安装 peer dependencies，可以在 `pnpmfile.js` 中添加以下配置： ```js module.exports = { hooks: { readPackage(pkg) { if (pkg.peerDependencies && typeof pkg....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值