package.json中的devdependencies和dependencies的区别

最新推荐文章于 2024-06-10 00:30:00 发布
最新推荐文章于 2024-06-10 00:30:00 发布
阅读量1.3k 收藏 4
点赞数 2
分类专栏： 前端 新手 文章标签： vue react javascript npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_36319434/article/details/110493495
版权
本文探讨了npm包管理中devdependencies和dependencies的区别，强调在不发布npm包时两者无明显差异，但发布时，dependencies仅包含他人使用模块所需依赖。devdependencies包含开发时需要而线上环境中不需要的工具，如webpack。举例说明了如何区分两者，并列举了常见类型的依赖归属，如组件库通常放入dependencies，而构建工具放入devdependencies。
摘要由CSDN通过智能技术生成

网上有很多关于devdependencies 和 dependencies区别的文章，看了下，都没有说到重点。

其实官网已经说得非常清楚了

https://docs.npmjs.com/cli/v6/configuring-npm/package-json#devdependencies

如果还是不理解，下面这个文章很好

https://www.yuque.com/docs/share/963e29e1-3314-453f-b417-d8ce543b78cc

我的理解是，如果不是发布npm包，例如我们常用的就是clone源码，然后npm install，这样的话，这两个地方包含的依赖都会被正确下载到 node_modules 里。——意思就是，没区别。

但是，如果你要发布npm包，那就要注意了，这种情况如果有人想使用你的npm模块，npm install只会下载在dependencies的依赖。举个例子，你做了个日历插件，用到了element.js，没有把它放在dependencies，而是放在了devdependencies，那别人使用你的日历插件的时候就会报错，因为在dependencies找不到element.js。

另一种，假如你把“无

最低0.47元/天 解锁文章
sinat_36319434
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
package.json中的dependencies（生产依赖）和devDependencies（开发依赖）
BigFamer的博客
10-30 9827
一、前言 项目开发过程中，难免会遇到需要npm install XXX的时候，这就又涉及安装的这个依赖模块是放到package.json中的dependencies或者是devDependencies中的问题，来区别一下吧。 二、安装依赖 1、npm install和npm uninstall 下面以安装axios为例： 在你才开始接触开发的时候，或许你也为npm install axios/npm uninstall axios、npm install axios -save/npm uninstall
clean-publish：在发布到npm之前删除package.json中的配置文件和字段
02-03
Clean Publish是一个工具，用于在发布到npm之前从package.json删除要开发的配置文件，字段和脚本。 目录 这个怎么运作 clean-publish命令将项目文件（不包括配置文件）复制到一个临时文件夹，从package.json删除...
package.json 里 dependencies和devDependencies的区别
u014212540的博客
12-06 1115
package.json 里 dependencies和devDependencies的区别
dependencies和devDependencies详解、区别
最新发布
大剑师兰特的GIS世界
06-10 1833
在Node.js项目中，`dependencies`和`devDependencies`字段用于`package.json`文件中，以便管理项目的所有依赖关系。下面是它们的详细解释、区别以及如何在代码中使用它们的示例。
package.json文件里的dependencies和devDependencies有什么区别
Lam's IT Story
11-16 400
里那些依赖：angular/XXXX，core-js，reflect-metadata，rxjs，systemjs，zone.js，angular2-in-memory-web-api，bootstrap 则是我们整个项目运行时候就需要的，因此放在。举个上面中代码的栗子，依赖concurrently，lite-server，typescript和typings只是我们在开发中需要使用的包，上线以后项目的运行就不需要了，因此就放在。是用于在开发环境下依赖的模块，而。从名字我们就可以看出，
package.json文件中dependencies和devDependencies的区别
王声声的博客
11-17 2824
2、dependencies 是项目正常运行所需要的依赖，而devDependencies则是开发者开发时整个项目所需的依赖（如会有一些测试依赖之类的）。1、dependencies 是发布到生产环境的，而 devDependencies 里面的插件只用于开发环境，不用于生产环境。1、使用 --save-dev 安装的插件，会被写入到 devDependencies 对象里面去；2、使用 --save 安装的插件，会被写入到 dependencies 对象里面去。
npm安装插件及package.json文件中dependencies和devDependencies的区别
MISS_zhang_0110的博客
10-11 4796
这个时候，如果X框架是作为全局安装的话，那么文件中只有一个版本，必定不能同时满足两个项目的需求。所以本地安装是很有必要的。2、dependencies 是项目正常运行所需要的依赖，而devDependencies则是开发者开发时整个项目所需的依赖（如会有一些测试依赖之类的）。1、dependencies 是发布到生产环境的，而 devDependencies 里面的插件只用于开发环境，不用于生产环境。本地安装的重要性：本地安装最最关键的就是解决了不同项目对不同包的版本依赖问题。
package.json配置文件构成详解
10-16
package.json配置文件是 Node.js 项目中的核心配置文件，它记录了项目的 metadata、依赖项、脚本、配置等信息。下面是对 package.json 配置文件的详细解析： 项目基础信息 在 package.json 文件中，项目基础信息是...
package.json文件配置详解
01-20
`package.json` 文件是Node.js项目的核心配置文件，...在项目开发过程中，应定期更新和检查 `package.json`，以保持其准确性。同时，由于 `package.json` 是JSON格式，需要注意遵循JSON的语法规定，避免出现语法错误。
npm-add-dependencies:将依赖项添加到package.json文件而不安装它们
05-24
添加依赖该脚本将依赖项（最新版本或指定版本）添加到package.json文件，从而跳过安装过程。安装如果不与npx一起npx （请参见下文）： $ npm install add-dependencies [-g]用法跑步： $ add-dependencies [package_...
gulp:起始gulpfile和package.json
05-02
在`gulp`项目中，`package.json`用于存储项目所依赖的`gulp`插件和其他Node.js模块。通过`npm install --save-dev`命令，可以将新安装的模块添加到`dependencies`或`devDependencies`字段。 例如，当你安装了`gulp`...
dependencies 和 devDependencies 区别重新认识
chrischensz的博客
11-17 184
   最近使用webpack在写一个内部npm库插件，但遇到一个问题，在本地使用yarn和cnpm都可以正常下载，去到公司用的openshift自动发布系统上就怎么都没法把这个库down下来，于是各种排查，其中排查到下载的node_modules包里自己写的插件还会有一个node_modules包，怀疑是不是这里出了问题。     在之前的认识中只知道，vue打包到生产的文件要放到dependencies中，而本地开发的，类似webpack这种就放到devDepen
webpack的安装和常用插件
qq_46547179的博客
02-28 563
前端工程化的具体解决方案 提供了友好的前端模块化开发支持，以及代码压缩混淆，处理浏览器端javascript的兼容性，性能优化等强大的功能。 在项目中安装webpack以及webpack-cli -S是- -save的简写，安装路径节点在dependencies（在dependencies中是项目开发和上线阶段都在使用的依赖)。 -D是- -save-dev的简写，安装路径节点在devDependencies（只在开发阶段使用的依赖)。 webpack可以解决兼容性问题，在webpack.co
package.json之devDependencies和 dependencies的详解
简单Cere
06-06 3989
无论前端、Node做项目的时候经常会用package.json来管理本地安装的npm包，可是安装之后的包在哪里呢？为什么有时候安装要npm i XXX --save,有的是npm i XXX --save-dev?是不是很困惑？打开package.json会看见这两个如下： "dependencies": { "rxjs": "5.5.10", }, "devDepend...
浅析package.json中的devdependencies 和 dependencies
我是一只蘑菇17的博客
12-24 2080
1、dependencies和devDependencies 具体代码如下 "name": "webpack-react-express", "version": "0.2.0", "private": true, "dependencies": { "antd": "^2.13.11", "babel-polyfill": "^6.26.0", "base-64": "^0....
前端必须掌握的package.json最新最全指南
前端开发工程师博客
06-07 1438
package.json 是一个用于描述和配置项目的重要文件，其中包含了许多字段和选项，可以影响项目的构建、依赖管理、脚本执行等方面。了解这些字段可以帮助开发者更好地理解和控制项目的行为。package.json对于大部分前端开发者来说，知道dependencies与devDependencies就够了。但对于库开发者或有更高级需求的开发者来说，了解 package.json 的其他字段是非常有必要的。本文介绍的字段分为官方字段与非官方字段。
npm package.json 文件中的依赖项、devDependencies 和 peerDependencies 有什么区别？
kalman2019的博客
12-31 1038
This documentation 对我的问题的回答很差。我不明白那些解释。有人能用更简单的话说吗？如果很难选择简单的单词，也许有例子？EDIT 还添加了 peerDependencies，它密切相关，可能会引起混淆。
dependencies和devDependencies的区别
Harley567
10-28 1718
1.定义 2.-save和-save-dev的区别 3.package.json中两者的区别 4.哪些东西放哪里 5.npm i, npm install, npm i -S, npm i -D的异同
Node.js项目关于package.json的dependencies和devDependencies
ikkkp的博客
09-20 508
Node.js项目关于package.json的dependencies和devDependencies
package.json的dependencies和devDependencies
04-02
除此之外，package.json文件还包含了两个重要的属性：dependencies和devDependencies。 1. dependencies dependencies属性是一个对象，用于指定当前模块或应用程序所依赖的其他模块。这些模块通常被称为生产环境...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值