在前端项目的 package.json 文件中引用本地依赖，可以使用以下几种方式：

1. 使用 file: 前缀

如果本地依赖是一个已经存在的目录，可以在 package.json 中使用 file: 前缀来引用它。

{
  "dependencies": {
    "your-local-package": "file:../path-to-your-local-package"
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.

2. 使用 link: 前缀

link: 和 file: 类似，但是会创建一个符号链接，这样在本地开发时更方便，因为可以实时看到依赖包的改动。

{
  "dependencies": {
    "your-local-package": "link:../path-to-your-local-package"
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.

3. 使用 npm link

首先在本地包目录运行：

npm link
  • 1.

然后在前端项目目录运行：

npm link your-local-package
  • 1.

4. 使用 npm install 或 yarn add

也可以直接使用 npm install 或 yarn add 来安装本地包：

npm install ../path-to-your-local-package
# 或者
yarn add ../path-to-your-local-package
  • 1.
  • 2.
  • 3.

5. 使用 relative path

也可以直接使用相对路径来引用本地依赖：

{
  "dependencies": {
    "your-local-package": "../path-to-your-local-package"
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.

选择其中一种方法，根据具体需求来进行引用。如果在开发过程中希望自动同步依赖包的变化，可以考虑使用 link: 或 npm link。