能否为NextJS双项目实现主package.json动态注入项目专属依赖？

方案一：自定义Node脚本合并依赖（最贴合需求） #

这种方式直接通过脚本读取公共依赖和项目专属依赖，合并生成对应项目的完整package.json，再执行构建流程。

1. 准备专属依赖文件 #

在项目根目录下创建两个专属依赖文件，结构和标准package.json的依赖字段一致：

• deps-x.json（X项目专属依赖）：

{
  "dependencies": {
    "uuid": "^9.0.1"
  },
  "devDependencies": {
    "@types/uuid": "^9.0.7"
  }
}

• deps-y.json（Y项目专属依赖）：

{
  "dependencies": {
    "lodash": "^4.17.21"
  }
}

2. 编写合并脚本 #

创建merge-deps.js脚本，负责合并公共依赖与专属依赖，专属依赖会覆盖公共依赖中同名包的版本：

const fs = require('fs');
const path = require('path');

// 获取命令行传入的项目标识（x/y）
const targetProject = process.argv[2];
if (!['x', 'y'].includes(targetProject)) {
  console.error('错误：请指定目标项目，参数为 "x" 或 "y"');
  process.exit(1);
}

// 读取主package.json（公共依赖）
const mainPackagePath = path.join(__dirname, 'package.json');
const mainPackage = JSON.parse(fs.readFileSync(mainPackagePath, 'utf8'));

// 读取项目专属依赖文件
const projectDepsPath = path.join(__dirname, `deps-${targetProject}.json`);
const projectDeps = JSON.parse(fs.readFileSync(projectDepsPath, 'utf8'));

// 合并依赖字段
const mergedDeps = { ...mainPackage.dependencies, ...projectDeps.dependencies };
const mergedDevDeps = { ...mainPackage.devDependencies, ...projectDeps.devDependencies };

// 生成合并后的package.json（可自定义命名，比如package-x.json）
const mergedPackage = {
  ...mainPackage,
  dependencies: mergedDeps,
  devDependencies: mergedDevDeps
};

const outputPath = path.join(__dirname, `package-${targetProject}.json`);
fs.writeFileSync(outputPath, JSON.stringify(mergedPackage, null, 2));

console.log(`✅ 已生成${targetProject}项目完整依赖文件：${outputPath}`);

3. 配置构建命令 #

在主package.json的scripts中添加项目专属构建命令，确保构建前先合并依赖：

{
  "scripts": {
    "prebuild:x": "node merge-deps.js x && cp package.json package.json.backup && cp package-x.json package.json",
    "build:x": "next build",
    "postbuild:x": "cp package.json.backup package.json && rm package-x.json package.json.backup",
    "prebuild:y": "node merge-deps.js y && cp package.json package.json.backup && cp package-y.json package.json",
    "build:y": "next build",
    "postbuild:y": "cp package.json.backup package.json && rm package-y.json package.json.backup"
  }
}

• prebuild:*：执行合并脚本，备份主package.json，替换为合并后的版本
• build:*：执行NextJS构建
• postbuild:*：恢复主package.json，清理临时文件

4. 执行构建 #

直接运行对应项目的构建命令即可：

npm run build:x
# 或
npm run build:y

方案二：利用npm/yarn工作区（适合可拆分项目结构） #

如果可以将X/Y项目拆分为子目录，主目录存放公共代码，子目录存放专属代码和依赖，可通过工作区实现依赖隔离：

1. 调整项目结构：

your-project/
├── package.json（公共依赖：next、react等）
├── app/（公共页面）
├── components/（公共组件）
├── packages/
│   ├── x/
│   │   ├── package.json（X项目专属依赖：uuid等）
│   │   └── next.config.js（可选，X项目专属配置）
│   └── y/
│       ├── package.json（Y项目专属依赖：lodash等）
│       └── next.config.js（可选，Y项目专属配置）

2. 主目录package.json配置工作区：

{
  "name": "monorepo",
  "private": true,
  "workspaces": [
    "packages/x",
    "packages/y"
  ],
  "dependencies": {
    "next": "^14.0.0",
    "react": "^18.2.0"
  }
}

3. 子项目构建：
   进入对应子项目目录执行构建，npm/yarn会自动合并公共依赖与专属依赖：

cd packages/x
npm install
npm run build

注意事项 #

• 版本冲突处理：脚本默认用专属依赖版本覆盖公共依赖版本，若需要检测版本冲突，可在脚本中添加版本范围校验逻辑（比如用semver包判断版本是否兼容）
• 依赖安装：如果需要提前安装合并后的依赖，可在prebuild:*中添加npm install --package-lock-only命令生成对应锁文件
• 环境变量：可结合NextJS环境变量，在构建时动态引入专属组件和依赖，避免手动切换package.json

内容的提问来源于stack exchange，提问作者csalmeida