浅析package.json中的devdependencies 和 dependencies

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正确安装依赖,别人也并不知道你安装了什么依赖,这样就会大大影响协作编程的效率
————————————————
版权声明:本文为CSDN博主「只如初见0706」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/zrcj0706/article/details/79178371

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Node.jspackage.json文件通常用于描述一个模块或应用程序的元数据信息,例如名称、版本、作者、许可证等。除此之外,package.json文件还包含了两个重要的属性:dependenciesdevDependencies。 1. dependencies dependencies属性是一个对象,用于指定当前模块或应用程序所依赖的其他模块。这些模块通常被称为生产环境依赖项,因为它们是在生产环境运行时必需的。 例如,如果你的应用程序依赖于Express框架,则可以在dependencies属性添加如下条目: ``` "dependencies": { "express": "^4.17.1" } ``` 这里的"^4.17.1"表示使用的是Express的4.x.x版本,其的^符号表示可以接受4.x.x版本的任何更新版本。 当你使用npm install命令安装依赖项时,npm会自动下载并安装dependencies属性指定的所有模块。 2. devDependencies devDependencies属性也是一个对象,用于指定当前模块或应用程序开发过程所需要的其他模块。这些模块通常被称为开发环境依赖项,因为它们只在开发过程使用,不会在生产环境运行。 例如,如果你的应用程序使用了Jest测试框架,则可以在devDependencies属性添加如下条目: ``` "devDependencies": { "jest": "^26.6.3" } ``` 与dependencies属性类似,当你使用npm install命令安装依赖项时,npm会自动下载并安装devDependencies属性指定的所有模块。但是,如果你使用npm install --production命令来安装依赖项,则不会安装devDependencies属性指定的模块。 总结 在package.json文件dependencies属性用于指定生产环境依赖项,而devDependencies属性用于指定开发环境依赖项。这两个属性都是必需的,因为它们能够确保你的应用程序在不同环境都能够正常运行。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值