更新Vue项目package.json文件方式

 更新时间:2025年10月25日 09:57:12   作者:Qredsun  
文章讨论了由于历史原因,一些已弃用的依赖没有在package.json中移除,导致构建时间过长的问题,解决方法是使用社区工具自动生成使用`nodegenerate-package.js`脚本,根据已安装的依赖进行重建运行

背景

因为历史原因,导致有些依赖已经弃用,但没有在package.json中移除,导致在进行构建时间过长。

解决方法

自动生成

npm init -y     # 先生成基础 package.json(如果没有的话)
npm install --package-lock-only  # 确保 lock 文件是最新的
npx depcheck    # 可选,查看未使用的依赖

使用社区工具,完全重建

npx npm-dedupe
npx modclean   # 清理无用文件(可选)

运行脚本node generate-package.js,根据已安装依赖生成(推荐)

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

const nodeModulesPath = path.resolve('node_modules');
const allDeps = fs.readdirSync(nodeModulesPath).filter(name => name !== '.bin');
const dependencies = {};

allDeps.forEach(pkg => {
  try {
    const pkgPath = path.join(nodeModulesPath, pkg, 'package.json');
    const pkgJson = JSON.parse(fs.readFileSync(pkgPath, 'utf-8'));
    dependencies[pkg] = pkgJson.version;
  } catch (e) {
    console.warn(`跳过无效包: ${pkg}`);
  }
});

const newPkgJson = {
  name: "recovered-project",
  version: "1.0.0",
  description: "",
  main: "index.js",
  scripts: {},
  dependencies,
};

fs.writeFileSync('package.recovered.json', JSON.stringify(newPkgJson, null, 2));
console.log('已生成 package.recovered.json');

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 解决Echarts 显示隐藏后宽度高度变小的问题

    解决Echarts 显示隐藏后宽度高度变小的问题

    这篇文章主要介绍了解决Echarts 显示隐藏后宽度高度变小的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-07-07
  • vue3中项目优化方法详解(Web Worker的使用)

    vue3中项目优化方法详解(Web Worker的使用)

    最近在做vue3的项目中,遇到了计算量庞大导致页面响应缓慢的问题,所以下面这篇文章主要给大家介绍了关于vue3中项目优化方法的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-07-07
  • vue实现压缩图片预览并上传功能(promise封装)

    vue实现压缩图片预览并上传功能(promise封装)

    这篇文章主要为大家详细介绍了vue实现压缩图片预览并上传功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-01-01
  • Vue开发环境中修改端口号的实现方法

    Vue开发环境中修改端口号的实现方法

    这篇文章主要介绍了Vue开发环境中修改端口号的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • Vue中fragment.js使用方法小结

    Vue中fragment.js使用方法小结

    这篇文章主要给大家汇总介绍了Vue中fragment.js使用方法的相关资料,需要的朋友可以参考下
    2020-02-02
  • Vue登录功能实现

    Vue登录功能实现

    本文主要介绍了 Vue 登录功能实现,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • element-plus+Vue3实现表格数据动态渲染

    element-plus+Vue3实现表格数据动态渲染

    在Vue中,el-table是element-ui提供的强大表格组件,可以用于展示静态和动态表格数据,本文主要介绍了element-plus+Vue3实现表格数据动态渲染,感兴趣的可以了解一下
    2024-03-03
  • 解决Vue+Electron下Vuex的Dispatch没有效果问题

    解决Vue+Electron下Vuex的Dispatch没有效果问题

    这篇文章主要介绍了Vue+Electron下Vuex的Dispatch没有效果的解决方案 ,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-05-05
  • Vue2.x 项目性能优化之代码优化的实现

    Vue2.x 项目性能优化之代码优化的实现

    这篇文章主要介绍了Vue2.x 项目性能优化之代码优化的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • 基于ant-design-vue实现表格操作按钮组件

    基于ant-design-vue实现表格操作按钮组件

    这篇文章主要为大家介绍了基于ant-design-vue实现表格操作按钮组件示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-06-06

最新评论