package.json结构和install -g /install --save / install --save--dev命令

我们在使用 npm install 安装模块的模块的时候 ,一般会使用下面这几种命令形式:
文件是package.json文件,由我们init生成,里面有三部版本作者信息,devdepends开发环境和depends运行环境
**npm installmoduleName # 安装模块到项目目录下

npm install-g moduleName # -g 的意思是将模块安装到全局,具体安装到磁盘哪个位置,要看 npm config prefix 的位置。

npm install-save moduleName # -save 的意思是将模块安装到项目目录下,并在package文件的dependencies节点写入依赖。

npm install-save-dev moduleName # -save-dev 的意思是将模块安装到项目目录下,并在package文件的devDependencies节点写入依赖**

那么问题来了,在项目中我们应该使用四个命令中的哪个呢?这个就要视情况而定了。下面对这四个命令进行对比,看完后你就不再这么问了。

npm install moduleName 命令1. 安装模块到项目node_modules目录下。2. 不会将模块依赖写入devDependencies或dependencies 节点。3. 运行 npm install 初始化项目时不会下载模块。

npm install -g moduleName 命令1. 安装模块到全局,不会在项目node_modules目录中保存模块包。2. 不会将模块依赖写入devDependencies或dependencies 节点。3. 运行 npm install 初始化项目时不会下载模块

***。npm install -save moduleName 命***令1. 安装模块到项目node_modules目录下。2. 会将模块依赖写入dependencies 节点。3. 运行 npm install 初始化项目时,会将模块下载到项目目录下。4. 运行npm install --production或者注明NODE_ENV变量值为production时,会自动下载模块到node_modules目录中。

npm install -save-dev moduleName 命令1. 安装模块到项目node_modules目录下。2. 会将模块依赖写入devDependencies 节点。3. 运行 npm install 初始化项目时,会将模块下载到项目目录下。4. 运行npm install --production或者注明NODE_ENV变量值为production时,不会自动下载模块到node_modules目录中。

总结devDependencies 节点下的模块是我们在开发时需要用的,比如项目中使用的 gulp ,压缩css、js的模块。这些模块在我们的项目部署后是不需要的,所以我们可以使用 -save-dev 的形式安装。像 express 这些模块是项目运行必备的,应该安装在 dependencies 节点下,所以我们应该使用 -save 的形式安装。

作者:凡客三千
链接:https://www.jianshu.com/p/e238d3da9ca7
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

作者:凡客三千
链接:https://www.jianshu.com/p/e238d3da9ca7
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

在处理"Cannot find module 'webpack-cli/package.json'"错误时,可能存在几种原因。根据引用和的信息,这个错误可能是由于webpack-cli的位置无法正确获取造成的。在控制台输入webpack时,会运行node_modules\node_modules\webpack\bin\webpack.js文件,并检查是否安装了webpack-cli或webpack-command。如果没有安装其中之一,会提示你需要下载webpack-cli。如果只安装了webpack-cli,它会使用require.resolve获取webpack-cli/package.json的路径并加载模块。 如果你遇到这个错误,可以尝试以下解决方法: 1. 确保你已经全局或本地安装了webpack-cli。你可以使用npm install webpack-cli -g(全局安装)或npm install webpack-cli --save-dev(本地安装)来安装webpack-cli。 2. 如果已经安装了webpack-cli,可以尝试重新安装它,以确保安装过程中没有出现任何问题。 3. 检查你的项目的package.json文件,确保webpack-cli已经正确添加到依赖项中。如果没有添加,可以手动将其添加到package.json文件中,并运行npm install命令来安装它。 4. 如果以上方法都没有解决问题,可以尝试删除node_modules文件夹,并重新运行npm install命令来重新安装所有依赖项。 希望这些解决方法能够帮助你解决"Cannot find module 'webpack-cli/package.json'"的问题。如果问题仍然存在,请参考引用提供的信息,尝试下载所需的文件并放置在你的vue项目的node_modules文件夹下。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [webpack -v报错:Cannot find module ‘webpack-cli/package.json](https://blog.csdn.net/mashirokayo/article/details/127834908)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [手动解决Cannot find module '@sentry/webpack-plugin'等问题](https://download.csdn.net/download/jlq_diligence/28725246)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值