首页 > 其他分享 >npm install dependencies与devDependencies

npm install dependencies与devDependencies

时间:2024-10-18 17:22:46浏览次数:6  
标签:npm -- 环境 dependencies install devDependencies

一、生产环境与开发环境

dependencies: 生产环境下的依赖管理;(上线后)
devDependencies: 开发环境下的依赖管理;(开发中)

二、npm install

默认情况下,npm install 将安装 package.json 中列为依赖的所有模块。
使用 --production 标志(或者当 NODE_ENV 环境变量设置为 production 时),npm 将不会安装 devDependencies 中列出的模块

默认情况下,npm install 将任何指定的包保存到 dependencies 中。此外,你可以使用一些额外的标志来控制它们的保存位置和方式。

命令 缩写 安装位置
dependencies
--save -S dependencies
--save-prod -P dependencies
--save-dev -D devDependencies

使用npm rm 命令,从 package.json 中删除依赖。

三、如何区分依赖该以何种形式安装

devDependencies只会在开发环境下使用,生产环境不会被打入包内;而dependencies不仅在开发环境中要使用,生产环境也需要使用到。

例如,webpack作为打包工具,我们只希望它完成打包工作,并不希望它融入我们的项目代码中,即只存在于开发环境,因此把它归类为"开发依赖"。

同理,jest作为测试框架,我们只希望它在开发环境中完成测试工作,它不需要融入打包后的项目代码,所以保存到devDependencies。

如果仍旧无法区分,框架官方会提供默认安装语句,按照指引安装即可。

标签:npm,--,环境,dependencies,install,devDependencies
From: https://www.cnblogs.com/amnesia999/p/18474690

相关文章

  • 安装nvm管理node版本(npm、yarn)
    安装nvm管理node版本(npm、yarn)一、下载安装nvmnvm网址:https://nvm.uihtm.com/1、点击下载链接下载nvm2、将下载的压缩包解压,解压后双击安装包,然后按如下步骤操作步骤1步骤2记住你的安装目录步骤3步骤4步骤5点击finish步骤6查看nvm是否安装成功1、打开cmd(win+R)......
  • npm uninstall screenfull --legacy-peer-deps
    下面是解决此错误的几种方法:1.清空缓存在终端中运行下面的命令清空npm缓存:npmcacheclean--force然后重新安装依赖包。2.使用--force在安装或更新命令后面加上 --force 选项,强制解析依赖树并安装依赖包。npminstall--force请注意,这种方法可能会引入不兼容......
  • npm error code ETIMEDOUT
    1、执行npminstallaxios--save报错D:\code\react\custom-frontend>npminstallaxios--savenpmerrorcodeETIMEDOUTnpmerrorerrnoETIMEDOUTnpmerrornetworkrequesttohttps://registry.npmjs.org/axiosfailed,reason:npmerrornetworkThisisaprob......
  • pnpm 和 npm
    pnpm和npm是JavaScript生态系统中常用的包管理工具,它们各自有不同的特性和优缺点。下面是这两者的详细比较:1. 基本概念npm(NodePackageManager):是Node.js的默认包管理器,提供安装、更新、卸载JavaScript包的功能。使用 package.json 文件来管理项目依赖。pn......
  • nodejs 和 npm 版本对应关系
    一、nodejs和npm的版本是有适配的首先看下官网列明的大概匹配关系:官网链接地址:https://nodejs.org/zh-cn/about/previous-releases可以查看下本地的版本,根据上表中的对应关系,看是否差别太大。如果差别太大需要更新到对应版本,不然会出现各种报错问题,导致npm命令执行失败。......
  • 淘宝 NPM 镜像站切换新域名啦
    阿里云官方镜像站:阿里巴巴开源镜像站-OPSX镜像站-阿里云开发者社区https://developer.aliyun.com/mirror/?spm=a2c6h.13651102.0.0.6b581b11FYGgU9&serviceType=mirror 简介: 用CNPM/淘宝源的开发者们请注意,淘宝NPM镜像站喊你切换新域名啦。新的Web站点:https://npmmirror.co......
  • 002、v3admin学习,设置npm的端口和ip
    1、使用命令行npmrundev启动v3admin的时候,会有多个ip地址以及端口 2、在vite.config.ts中,修改host为false和port为1314 3、ctrl+c结束端口,并运行npmrundev来启动。可以看到只有一个http://localhost:1314/端口启动了。 4、浏览器打开,可以正常显示。5、效果如下:......
  • Mac 系统终端和vscode终端的pnpm版本和路径不一致问题,而且vscode终端的pnpm没法升级
    系统终端whichpnpm路径是/Users/zhanglinfeng/.nvm/versions/node/v16.19.1/bin/pnpm vscode终端 whichpnpm 路径是/usr/local/bin/pnpm 为了跟系统的一致,需要修改.zshrc文件新的#AddRVMtoPATHforscripting.MakesurethisisthelastPATHvariablec......
  • npm淘宝镜像最新配置
    npm淘宝镜像最新配置https://www.npmmirror.com/原来的https://registry.npm.taobao.org已替换为https://registry.npmmirror.com,最新的配置淘宝镜像的淘宝官方提供的方法npmconfigsetregistryhttps://registry.npmmirror.com你可以使用我们定制的cnpm命令行工具代替......
  • android开发Execution failed for task ':bundleDebugAar'...Direct local .aar file
    1.问题描述[+103ms]FAILURE:Buildfailedwithanexception.[]*Whatwentwrong:[]Executionfailedfortask':jpush_flutter:bundleDebugAar'.[]>Errorwhileevaluatingproperty'hasLocalAarDeps'oftask......