浅析package.json中的devdependencies 和 dependencies

最新推荐文章于 2024-12-16 10:12:12 发布
原创 最新推荐文章于 2024-12-16 10:12:12 发布 · 849 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文深入解析npm中的dependencies和devDependencies的区别与用法，包括如何安装、更新和删除依赖，以及在团队协作中正确配置package.json的重要性。

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.1.0”,
“bluebird”: “^3.5.1”,
“css-loader”: “^0.28.7”,
“echarts”: “^3.7.2”,
},
“devDependencies”: {
“babel-core”: “^6.26.0”,
“babel-loader”: “^6.4.1”,
“babel-plugin-transform-class-properties”: “^6.24.1”,
“babel-plugin-transform-runtime”: “^6.23.0”,
“babel-polyfill”: “^6.26.0”,
“babel-preset-es2015”: “^6.24.1”,
“webpack”: “^1.12.13”,
“webpack-hot-middleware”: “^2.21.0”
},
2、devDependencies
(1)内容：是一个对象，配置模块依赖的模块列表，key是模块名称，value是版本范围
(2)作用：该模块中所列举的插件属于开发环境的依赖（比如：测试或者文档框架等）
(3)部署来源：通过你npm install进行依赖安装时加上-save-dev，devDependencies对象中便会增加echarts安装配置，实例安装echarts依赖代码如下
npm install echarts -save-dev
3、dependencies

(1)内容：是一个对象，配置模块依赖的模块列表，key是模块名称，value是版本范围
(2)作用：该模块中所列举的插件属于生产环境的依赖（程序正常运行需要加载的依赖）
(3)部署来源：通过你npm install进行依赖安装时加上-save，dependencies对象中便会增加echarts安装配置，实例安装echarts依赖代码如下
npm install echarts -save
4、安装依赖
(1)如果拿到别人的项目，需要安装之前package.json中devdependencies 和 dependencies两个模块下所列举的依赖，可以通过执行以下命令实现
npm install
(2)如果拿到别人的项目，只需要安装之前package.json中dependencies 模块下所列举的依赖，可以通过执行以下命令实现
npm install packagename
(3)如果拿到别人的项目，只需要安装之前package.json中devdependencies 模块下所列举的依赖，可以通过执行以下命令实现
npm install packagename -dev
5、npm uninstall-删除依赖
（1）npm uninstall “依赖名称”：删除依赖，但不会删除package.json的配置（即通过npm install依然可以安装该依赖），删除echarts依赖实例代码如下
npm uninstall echarts
（2）npm uninstall “依赖名称”  --save-dev：删除依赖，同时删除package.json中devdependencies 的配置,删除echarts依赖实例代码如下
npm uninstall echarts --save-dev
（3）npm uninstall “依赖名称”  --save：删除依赖，同时删除package.json中dependencies 的配置,删除echarts依赖实例代码如下
npm uninstall echarts --save
6、友情提示
(1)编程中，如果自己需要某一依赖，在安装时一定要使用npm install echarts -save或npm install echarts -save-dev，即将依赖配置到package.json中对应的对象中，而非简单使用npm install echarts命令（可以正常安装依赖，但不会配置到package.json文件中），因为如果是协作编程，package.json中没有相关配置，其他协作人员的项目不能正常运行后不能通过npm install正确安装依赖，别人也并不知道你安装了什么依赖，这样就会大大影响协作编程的效率
————————————————
版权声明：本文为优快云博主「只如初见0706」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.youkuaiyun.com/zrcj0706/article/details/79178371

package.json 里的 dependencies和devDependencies区别
原在路上的博客。
10-18 1202
dependencies（依赖的意思）：通过 --save 安装，是需要发布到生产环境的。比如项目中使用react，那么没有这个包的依赖就会报错，因此把依赖写入dependenciesdevDependencies（dev -- develop（开发）的简写）：通过--save-dev安装， 里面的插件只用于开发环境，不用于生产环境。开发环境中使用的插件如webpack，chai等，上线后就用不到了，写入devDependencies。
一文了解 package.json 应用，了解打包发布背后的“奥秘”
最新发布
m0_51244077的博客
03-16 1920
一文了解 package.json 应用，了解打包发布背后的“奥秘”
package.json中的devdependencies和dependencies的区别
sinat_36319434的博客
12-02 1605
网上有很多关于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包，例如
npm-add-dependencies:将依赖项添加到package.json文件而不安装它们
05-24
添加依赖 该脚本将依赖项（最新版本或指定版本）添加到package.json文件，从而跳过安装过程。 安装 如果不与npx一起npx （请参见下文）： $ npm install add-dependencies [-g] 用法 跑步： $ add-dependencies [package_file] < dependencies> [target] [--no-overwrite] 或使用npx ： $ npx add-dependencies [package_file] < dependencies> [target] [--no-overwrite] 其中， dependencies是dependencies的列表除以空间，而target是以下之一： --dev / --save-dev / -D用于devDependencies --peer / --save
package.json中的dependencies（生产依赖）和devDependencies（开发依赖）
BigFamer的博客
10-30 1万+
一、前言 项目开发过程中，难免会遇到需要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
package.json之devDependencies和 dependencies的详解
简单Cere
06-06 4225
无论前端、Node做项目的时候经常会用package.json来管理本地安装的npm包，可是安装之后的包在哪里呢？为什么有时候安装要npm i XXX --save,有的是npm i XXX --save-dev?是不是很困惑？打开package.json会看见这两个如下： "dependencies": { "rxjs": "5.5.10", }, "devDepend...
electron-builder 解析：你了解其背后的构建原理吗？
12-16 1738
我们前面浅析了 Electron 的相关原理，这一节我们来讲讲 electron-builder 的原理。为什么要讲它呢，因为它的原理基本上包含了业界跨端的桌面端开发框架的打包构建原理，搞懂了这款工具的原理，其他的类似的跨端开发框架的构建思路都差不多，比如 NW.js 之类的，都差不多。而且它在构建 electron 应用这一块是非常成熟和优秀的，如果你想无痛构建 electron 应用，它是首选。下面我们就来看看它的整体原理与构建流程。
浅析Nodejs npm常用命令
12-23
Node.js的npm（Node Package Manager）是用于管理和分发Node.js模块的重要工具，它使得开发者能够轻松地查找、安装和管理所需的各种包。以下是对标题和描述中提及的npm常用命令的详细解释： 1. `npm install ...
flutter用插件将json自动生成转换为实体类
qq_38373150的博客
05-28 1858
Google推出flutter这样一个新的高性能跨平台（Android，ios）快速开发框架之后，被业界许多开发者所关注。我在接触了flutter之后发现这个确实是一个好东西，好东西当然要和大家分享，对吧。今天要跟大家分享的是Json反序列化的实现。相信做app的同学都会遇到这么一个问题，在向服务器请求数据后，服务器往往会返回一段json字符串。而我们要想更加灵活的使用数据的话需要把json字符串转化成对象。由于flutter只提供了json to Map。
2024年Flutter Json自动反序列化——json_serializable v1，flutter页面跳转数据
2401_84557136的博客
05-06 1051
其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。虽然 Android 没有前几年火热了，已经过去了会四大组件就能找到高薪职位的时代了。这只能说明 Android 中级以下的岗位饱和了，，很多高级职位给的薪资真的特别高（钱多也不一定能找到合适的），所以努力让自己成为高级工程师才是最重要的。
npm安装插件及package.json文件中dependencies和devDependencies的区别
MISS_zhang_0110的博客
10-11 5712
这个时候，如果X框架是作为全局安装的话，那么文件中只有一个版本，必定不能同时满足两个项目的需求。所以本地安装是很有必要的。2、dependencies 是项目正常运行所需要的依赖，而devDependencies则是开发者开发时整个项目所需的依赖（如会有一些测试依赖之类的）。1、dependencies 是发布到生产环境的，而 devDependencies 里面的插件只用于开发环境，不用于生产环境。本地安装的重要性：本地安装最最关键的就是解决了不同项目对不同包的版本依赖问题。
Node.js项目关于package.json的dependencies和devDependencies
ikkkp的博客
09-20 808
Node.js项目关于package.json的dependencies和devDependencies
package.json文件中dependencies和devDependencies的区别
王声声的博客
11-17 3139
2、dependencies 是项目正常运行所需要的依赖，而devDependencies则是开发者开发时整个项目所需的依赖（如会有一些测试依赖之类的）。1、dependencies 是发布到生产环境的，而 devDependencies 里面的插件只用于开发环境，不用于生产环境。1、使用 --save-dev 安装的插件，会被写入到 devDependencies 对象里面去；2、使用 --save 安装的插件，会被写入到 dependencies 对象里面去。
package.json 里面的 dependencies 和 devDependencies 的差异
When you can't win by being better, you can win by being different.
04-23 991
其实不严格的话，没有特别的差异；若是严格，遵循官方的理解。
package.json中的devdependencies 和 dependencies
qq_36893984的博客
10-28 463
通过npm安装包的时候，可以： npm install 包名 安装的包在dependencies目录下面（运行依赖） npm install 包名 -S 安装的包在dependencies目录下面（运行依赖） npm install 包名 -D 安装的包在devDependencies目录下面（开发依赖） dependencies 开发依赖 devDependencies 运行依赖 然后是删除的时候 亲测 npm uninsatll 包名 npm unins...
package.json的devDependencies到底是干什么的？使用场景是什么？底层原理是什么？
长风破浪会有时的博客
11-09 1413
文件中的字段用于指定项目在开发过程中需要的依赖包。通过合理使用，开发者可以更好地组织和管理项目，确保开发环境和生产环境的分离，提高项目的可维护性和开发效率。
package.json 里 dependencies和devDependencies的区别
u014212540的博客
12-06 1315
package.json 里 dependencies和devDependencies的区别
vue里package.json中的dependencies和devDependencies
热门推荐
boy火巨的博客
03-27 1万+
dependencies： 应用能够正常运行所依赖的包。这种 dependencies 是最常见的，用户在使用 npm install 安装你的包时会自动安装这些依赖。 devDependencies： 开发应用时所依赖的工具包。通常是一些开发、测试、打包工具，例如 webpack、ESLint、Mocha。应用正常运行并不依赖于这些包，用户在使用 npm install 安装你的包时也...
package.json中dependencies和devDependencies的区别
qq_33911541的博客
08-02 691
dependencies和devDependencies的区别
package.json里devDependencies和dependencies分别是什么意思
03-01
<think>嗯，用户问的是package.json里的devDependencies和dependencies有什么区别。这个问题我之前学过，不过得仔细想想才能讲清楚。首先，我得回忆一下Node.js和npm的基础知识。package.json文件是用来管理项目依赖的，对吧？里面会有很多字段，其中这两个依赖项是比较关键的。 首先，dependencies是生产环境需要的依赖。比如项目运行时必须的库，像express或者react这些，用户在使用应用的时候必须要有这些包才能运行。那devDependencies应该是开发环境需要的，只在开发过程中使用，比如测试框架、构建工具之类的，比如webpack或者jest。这些在用户安装的时候，如果使用npm install --production的话就不会安装devDependencies，这样可以减少不必要的体积。 不过，用户可能不太清楚什么时候该放在哪个里面。比如说，有些工具可能在构建阶段需要，但是运行时不需要，这时候就应该放在devDependencies里。另外，有时候可能会有混淆，比如babel这样的工具，通常在开发时使用，所以应该作为devDependency。而像react这种库，是运行时需要的，所以放在dependencies里。 另外，安装依赖的时候，使用--save-dev参数会添加到devDependencies，而默认的--save会添加到dependencies。不过现在npm install默认会保存到dependencies，需要明确区分的话得注意参数的使用。 可能用户的实际场景是他们在自己的项目里遇到了依赖分类的问题，或者看到别人的package.json里有这样的区分，想要了解如何正确使用。也有可能在部署的时候发现某些依赖缺失，或者安装了一些不必要的包，所以需要明确这两个字段的作用。 需要举例子说明可能更好理解。比如，开发一个web应用，使用express作为服务器，所以在dependencies里。而用mocha做测试，应该放在devDependencies里。这样当别人clone项目后，运行npm install会安装所有依赖，但如果是在生产环境，可能只需要安装dependencies里的包。 另外，需要注意有些情况下，即使某些包在开发时使用，但如果构建过程需要它们，比如某些转译工具在构建时需要，但构建后的代码不需要，这时候也应该放在devDependencies里。而如果构建后的代码运行时需要某个包，那可能还是得放在dependencies里，这取决于具体的使用方式。 可能还要提到peerDependencies和optionalDependencies，但用户没问，所以暂时不需要展开。重点在于区分dev和普通依赖的不同使用场景和安装方式。 总结下来，需要分清楚开发和生产环境的需求，正确分类依赖，以便优化安装过程和减少不必要的依赖问题。</think>在 Node.js 项目中，`package.json` 文件中的 `devDependencies` 和 `dependencies` 都是用于管理项目依赖项的配置字段，它们的核心区别在于**使用场景**和**安装方式**： --- ### 📦 **dependencies（生产依赖）** - **用途**：项目运行时**必须**的依赖包（即用户使用你的应用时需要安装的库） - **示例**：`express`, `react`, `lodash`（运行时核心库） - **安装方式**： ```bash npm install <package_name> --save # 或简写（npm 5+ 默认行为） npm install <package_name> ``` --- ### 🔧 **devDependencies（开发依赖）** - **用途**：**仅在开发阶段**需要的工具包（测试、构建、代码检查等） - **示例**：`webpack`, `jest`, `eslint`（开发工具） - **安装方式**： ```bash npm install <package_name> --save-dev ``` --- ### 🔑 关键区别 | 特性 | dependencies | devDependencies | |--------------------|-----------------------|-------------------------| | **运行时是否需要** | ✅ 必须 | ❌ 不需要 | | **生产环境安装** | 默认安装 | 需显式指定才会安装 | | **典型场景** | 核心功能库 | 构建工具/测试框架 | --- ### 🌰 举个实际例子 假设你开发一个 Web 应用： ```json { "dependencies": { "react": "^18.2.0" // 运行时必须的 UI 库 }, "devDependencies": { "webpack": "^5.75.0" // 仅在构建时使用的打包工具 } } ``` 当用户安装你的包时： ```bash # 生产环境安装（不安装开发依赖） npm install --production # 开发环境安装（安装全部依赖） npm install ``` --- ### ⚠️ 常见误区 1. **依赖混淆**：将开发工具（如 `typescript`）误放入 `dependencies`，会导致生产环境安装冗余包 2. **版本管理**：两者都支持语义化版本控制（如 `^1.0.0`, `~2.3.4`） 3. **依赖传播**：当你的包被其他项目依赖时，`dependencies` 会被自动安装，而 `devDependencies` 不会 建议根据模块的实际用途严格区分，这能有效控制项目体积和构建速度。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值