package,json 文件中依赖包的说明

目录

  • 引用远程依赖包
  • 引用本地依赖包
    • [1. 使用 file: 的方式](#1. 使用 file: 的方式)
    • [2. 使用 link: 的方式](#2. 使用 link: 的方式)
    • [3. 使用 npm link 的方式](#3. 使用 npm link 的方式)
    • [4. 使用 npm install 或 yarn add](#4. 使用 npm install 或 yarn add)
    • [5. 使用相对路径](#5. 使用相对路径)

引用远程依赖包

包名:[版本号指定标识符]主版本号、次版本号、修补版本号

复制代码
"package":[^|~|*|  ]major.minor.patch
json 复制代码
{
	"dependencies": {
	    "mathjs": "^2.0.0", // => mathjs v2.7.0
	    "mathjs": "~2.0.0", // => mathjs v2.0.1
	    "mathjs": "*2.0.0", // => mathjs v13.2.0 (截止目前)
	    "mathjs": "2.0.0"    // => mathjs v2.0.0
	  }
}
  • 符号 ^:表示安装指定主版本下的最新版本的依赖包,如
  • 符号 ~:表示安装指定次版本下的最新版本的依赖包,如
  • 符号 *:表示安装最新版本的依赖包
  • 无符号:表示安装指定版本的依赖包

引用本地依赖包

本地项目的引用路径是基于项目根路径来的

1. 使用 file: 的方式

json 复制代码
{
	"dependencies": {
	    "local-package": "file:../local-package-path"
	  }
}

2. 使用 link: 的方式

json 复制代码
{
	"dependencies": {
	    "local-package": "link:../local-package-path"
	  }
}

相对于file:,link: 会创建一个链接,可以实时同步依赖包的变化。推荐在开发环境中使用

第一步:首先在本地包运行

复制代码
npm link

第二步:然后在项目中运行

复制代码
npm link.local-package

4. 使用 npm install 或 yarn add

复制代码
npm install .local-package-path
or 
yarn add  local-package-path

5. 使用相对路径

json 复制代码
{
	"dependencies": {
	    "local-package": "../local-package-path"
	  }
}
相关推荐
lee5761 小时前
鄙人的 Vue 3.0 商业级开源甘特图已经发布到 npm
前端·vue.js·npm·开源·甘特图
小信丶19 小时前
解决 pnpm dev 报错:系统禁止运行脚本的问题
前端·vue.js·windows·npm
小邋遢2.01 天前
vscod 执行npm build报错:Error: Cannot find module ‘vite‘
前端·npm·node.js
孟陬1 天前
2025-12-11 之后前端 npm 如何发包 How to Publish NPM Package in Year 2025
npm·node.js·bun
吴敬悦2 天前
私有的 GitHub Package 怎么拉取?
npm·github
前端郭德纲2 天前
React 19.2 已发布,现已上线 npm!
前端·react.js·npm
LYFlied2 天前
【一句话概括】前端项目包管理器怎么选?
前端·npm·pnpm·yarn
LisEcho3 天前
yoyoj-rn — RN 的脚手架工具可以不是 @react-native-community/cli
前端·react native·npm
醉风塘3 天前
NPM:从“模块之痛”到“生态之基”的演化史
前端·npm·node.js
水冗水孚3 天前
通俗易懂地谈谈,前端工程化之自定义脚手架的理解,并附上一个实践案例发布到npm上
javascript·npm·node.js