dependencies和devDependencies的区别

最新推荐文章于 2024-06-10 00:30:00 发布
最新推荐文章于 2024-06-10 00:30:00 发布
阅读量1.6w 收藏 42
点赞数 18
分类专栏： vue2.0 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45806781/article/details/123296068
版权

在这里插入图片描述

  • dependencies：项目依赖。在编码阶段和呈现页面阶段都需要的，也就是说，项目依赖即在开发环境中，又在生产环境中。如js框架vue、页面路由vue-router，各种ui框架antd、element-ui、vant等。
  • devDependencies: 开发依赖。仅仅在写代码过程中需要使用，比如css预处理器、vue-cli脚手架、eslint之类。
  • 后面部分为–save -dev 的情况会使得下载的插件放在package.json文件的devDpendencies对象里面
  • 后面部分为–save的情况会使得下载的插件放在package.json文件的dependencies对象里面
  • 区别
  • devDependencies下的依赖包，只是我们在本地或开发坏境下运行代码所依赖的，若发到线上，其实就不需要devDependencies下的所有依赖包；(比如各种loader，babel全家桶及各种webpack的插件等)只用于开发环境，不用于生产环境，因此不需要打包；
  • dependencies是我们线上(生产坏境)下所要依赖的包，比如vue，我们线上时必须要使用的，所以要放在dependencies下；dependencies依赖的包不仅开发环境能使用，生产环境也能使用
南初️
关注
  • 18
    点赞
  • 踩
  • 42
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
专栏目录
dependencies 和 devDependencies 区别
likunpeng6656201的博客
08-20 547
当我们项目需要下载一个模块的时候，我们安装npm包（在项目目录下面npm install module_name）的时候，很多时候我们会在后面加上–save-dev 或 –save。这两个参数代表什么呢？ 初识 相信很多人都会回答： npm install module-name -save 自动把模块和版本号添加到dependencies部分 npm install module-name -s...
dependencies devDependencies peerDependencies三者的区别
qq_57558631的博客
05-25 818
1.Dependencies 首先dependencies是大家最常用的，比如项目依赖了vue，那么vue就是dependencies，这里的依赖是会被最终构建到部署环境的 // 将会保存到dependencies中 npm install vue --save // 或者不写--save也可以，默认就会到dependencies中 npm install vue // 再简单一些 npm i 2.DevDependencies 与之相对的是devDependencies，他是开发过程中的依赖，比
你真的理解 devDependencies 和 dependencies 的区别吗？
LuckyWinty的博客
04-23 938
点击上方前端Q，关注公众号 回复加群，加入前端Q技术交流群作者：井柏然原文：https://juejin.cn/post/7135795969370619918你是否真的理解 devDependencies 和 dependencies 的区别？如果不能确切的回答、理解还停留在模糊的阶段，那就接着往下看。笔者结合案例讲解，保证一文就能让大家清晰理解他们的区别。笔者可以大胆的说：devDepen...
devDependencies和dependencies有什么区别呢
热门推荐
flym_的博客
07-01 2万+
在使用npm安装一些包时，经常要用到npm install这个命令，而对后面跟着的参数–save和–save-dev经常搞糊涂，那我们来看下这两者到底有啥区别。 devDependencies用于本地环境开发时候所需要的依赖包。 dependencies用户发布环境，生成上所需要的依赖包 后面部分为–save -dev 的情况会使得下载的插件放在package.json文件的d...
dependencies和devDependencies详解、区别
最新发布
大剑师兰特的GIS世界
06-10 1725
在Node.js项目中，`dependencies`和`devDependencies`字段用于`package.json`文件中，以便管理项目的所有依赖关系。下面是它们的详细解释、区别以及如何在代码中使用它们的示例。
说说我自己理解的dependencies和devDependencies的区别
mnbvcxz0101的博客
04-01 2305
网上看了很多的资料，半懂半不懂的，后来略略想通了。我自己对这两个的理解有些粗暴，简单谈谈我个人的理解吧，不对之处，还请指出。 dependencies：生产环境。这个生产环境不是对程序猿们来说，是对公司来说，产出利益的环境，我理解为用户使用环境。用户使用该环境下的代码。 devDependencies：开发环境。开发环境是对于程序员来说的。程序猿们在该环境下进行代码的编辑。 开发环境下，程序猿利用各种打包工具进行开发，调试。如webpa
devDependencies 和 dependencies
Mr_ZZF_ECUST的博客
04-10 5192
devDependencies —— 本地开发环境使用的依赖 npm install xxx@1.0.0 --save-dev npm install xxx@1.0.0 -D NODE_ENV = developement webpack 只是在开发阶段用来打包前端代码，打包后的代码提交到线上后，就不再需要使用 webpack 了，因此安装到 devDependencies 中 dependencies —— 线上生产(发布)环境使用的依赖 npm install xxx@1.0 --sav
前端开发者必读：如何区分 ‘dependencies‘ 和 ‘devDependencies‘ 以及它们的作用
我是......
07-05 2002
📚 Node.js开发者必读：了解dependencies和devDependencies的区别与作用！🔍 在项目开发中，你是否曾困惑过这两个概念？本文以制作披萨为例，轻松解释它们的区别和用途，帮你成为依赖项专家！🚀 #Node.js #开发环境 #生产环境
devDependencies和dependencies
yiqiebyjian的博客
03-23 977
devDependencies 全称：development dependencies  。中文名称：开发依赖包dependencies 中文名称：依赖包 （）一 ，devDependencies官方解释：devDependencies：开发的时候用的依赖包。用法：如-->加载express开发依赖包的命令:   yarn add express -D。我用的包管理工具是yarn。  如果是...
dependencies 和 devDependencies （–save-prod， –save-dev， –production）
01-20
在Node.js和JavaScript的世界里，`dependencies`和`devDependencies`是`package.json`文件中的两个关键部分，它们用于管理项目所需的外部库和模块。理解这两个概念对于有效地维护和部署项目至关重要。 `...
install-latest:做到了，安装您的依赖项和devDependencies的最新版本
05-04
最新安装 按照它说的做，从package.json安装最新的依赖项和devDependencies。 我知道不应该将最新的软件包转储到项目中，但是有时候我想进行全新安装并使用最新更新时，它会很有用。快速开始npx install-latest完毕...
dependency-lint:Lints NPM 依赖项和 devDependencies
08-04
依赖lint Lints 您的 NPM dependencies和devDependencies报告哪些节点模块是缺少，应该添加到您的dependencies或devDependencies 未使用，应从您的dependencies或devDependencies 标签错误，应从dependencies移至...
包：列出依赖项和devDependencies的简单cli
02-16
dependencies ┌───────────────────────┬─────────┐ │ Name │ Version │ ├───────────────────────┼─────────┤ │ commander │ ^...
npm-add-dependencies:将依赖项添加到package.json文件而不安装它们
05-24
添加依赖该脚本将依赖项...file] < dependencies> [target] [--no-overwrite] 其中， dependencies是dependencies的列表除以空间，而target是以下之一： --dev / --save-dev / -D用于devDependencies --peer / --save
devDependencies和dependencies区别
weixin_39407291的博客
03-27 721
devDependencies用于本地环境开发时候。 dependencies用户发布环境 dev 是单词 development 的缩写。顾名思义。 深入些： devDependencies是只会在开发环境下依赖的模块，生产环境不会被打入包内。通过NODE_ENV=developement 或（ENV是单词environment的缩写） NODE_ENV=production 指定开发还是生产环...
devDependencies与dependencies如何理解
xiasohuai的博客
05-09 2145
我们在使用npm install 安装模块或插件的时候，有两种命令把他们写入到 package.json 文件里面去，他们是： –save-dev 安装的 插件，被写入到 devDependencies 对象里面去 –save 安装的 插件 ，被写入到 dependencies 对象里面去 说明：Dependencies一词的中文意思是依赖和附属的意思，而dev则是develop（开发）的简...
vue dependencies和devDependencies区别
05-25
在Vue项目中，dependencies和devDependencies都是用来定义项目依赖的。但是它们之间有一些区别。 1. dependencies dependencies是指项目运行时必须要用到的依赖，比如Vue、Vue-router等。这些依赖在打包时都会被打进最终的代码中。 如果你的项目依赖的某个包不在dependencies中，那么在打包后的代码中就找不到这个包，运行时就会报错。 可以通过以下命令将一个包添加到dependencies中： ``` npm install --save <package-name> ``` 2. devDependencies devDependencies是指仅在开发阶段需要用到的依赖，比如babel、webpack等。这些依赖只在开发、测试、打包等阶段使用，不会被打包进最终的代码中。 可以通过以下命令将一个包添加到devDependencies中： ``` npm install --save-dev <package-name> ``` 注意，当你将项目发布到生产环境时，devDependencies中的依赖不会被打包进去，因此在生产环境中也不会被使用。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

南初️

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值