如何更新Create React App自定义模板中template.json的依赖版本？

1. 直接用npm-check-updates指定配置文件 #

npm-check-updates本身就支持指定自定义的依赖配置文件，不需要额外工具。你只需要在命令里加上--packageFile参数指定你的template.json即可：

npx npm-check-updates --packageFile template.json -u

这个命令会像处理package.json一样，扫描template.json里的dependencies和devDependencies字段，把所有依赖更新到最新版本，直接修改文件内容。

2. 自定义Node脚本（灵活度更高） #

如果需要更定制化的更新逻辑（比如只更新特定依赖、跳过某些包），可以写个简单的Node脚本手动处理：

const fs = require('fs');
const { execSync } = require('child_process');

// 读取template.json
const template = JSON.parse(fs.readFileSync('./template.json', 'utf8'));

// 更新dependencies
for (const pkg in template.dependencies) {
  try {
    const latestVersion = execSync(`npm view ${pkg} version`).toString().trim();
    template.dependencies[pkg] = `^${latestVersion}`; // 保持caret范围，可根据需求修改
  } catch (err) {
    console.log(`无法获取${pkg}的最新版本:`, err.message);
  }
}

// 更新devDependencies（同理）
for (const pkg in template.devDependencies) {
  try {
    const latestVersion = execSync(`npm view ${pkg} version`).toString().trim();
    template.devDependencies[pkg] = `^${latestVersion}`;
  } catch (err) {
    console.log(`无法获取${pkg}的最新版本:`, err.message);
  }
}

// 写回文件
fs.writeFileSync('./template.json', JSON.stringify(template, null, 2));
console.log('依赖更新完成');

把这个脚本存为update-template-deps.js，然后运行node update-template-deps.js即可。

注意事项 #

• 更新后务必测试模板：用这个模板新建项目，检查是否能正常启动、构建，确保Tailwind等工具和依赖版本兼容（比如React版本和react-scripts的匹配，Tailwind与CRA的适配）。
• 如果template.json里的依赖版本用了特定范围（比如~或固定版本），脚本里的版本格式可以根据你的需求调整。

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