快捷導(dǎo)航

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

更新時間：2025年10月25日 09:57:12 作者：Qredsun

文章討論了由于歷史原因,一些已棄用的依賴沒有在package.json中移除,導(dǎo)致構(gòu)建時間過長的問題,解決方法是使用社區(qū)工具自動生成使用`nodegenerate-package.js`腳本,根據(jù)已安裝的依賴進(jìn)行重建運行

背景

因為歷史原因，導(dǎo)致有些依賴已經(jīng)棄用，但沒有在package.json中移除，導(dǎo)致在進(jìn)行構(gòu)建時間過長。

解決方法

自動生成

npm init -y     # 先生成基礎(chǔ) package.json（如果沒有的話）
npm install --package-lock-only  # 確保 lock 文件是最新的
npx depcheck    # 可選，查看未使用的依賴

使用社區(qū)工具，完全重建

npx npm-dedupe
npx modclean   # 清理無用文件（可選）

運行腳本node generate-package.js，根據(jù)已安裝依賴生成（推薦）

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');

總結(jié)

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

解決Echarts 顯示隱藏后寬度高度變小的問題
這篇文章主要介紹了解決Echarts 顯示隱藏后寬度高度變小的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-07-07
vue3中項目優(yōu)化方法詳解(Web?Worker的使用)
最近在做vue3的項目中,遇到了計算量龐大導(dǎo)致頁面響應(yīng)緩慢的問題,所以下面這篇文章主要給大家介紹了關(guān)于vue3中項目優(yōu)化方法的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-07-07
vue實現(xiàn)壓縮圖片預(yù)覽并上傳功能（promise封裝）
這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)壓縮圖片預(yù)覽并上傳功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-01-01
Vue開發(fā)環(huán)境中修改端口號的實現(xiàn)方法
這篇文章主要介紹了Vue開發(fā)環(huán)境中修改端口號的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-08-08
Vue中fragment.js使用方法小結(jié)
這篇文章主要給大家匯總介紹了Vue中fragment.js使用方法的相關(guān)資料,需要的朋友可以參考下
2020-02-02
Vue登錄功能實現(xiàn)
本文主要介紹了 Vue 登錄功能實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-09-09
element-plus+Vue3實現(xiàn)表格數(shù)據(jù)動態(tài)渲染
在Vue中,el-table是element-ui提供的強大表格組件,可以用于展示靜態(tài)和動態(tài)表格數(shù)據(jù),本文主要介紹了element-plus+Vue3實現(xiàn)表格數(shù)據(jù)動態(tài)渲染,感興趣的可以了解一下
2024-03-03
解決Vue+Electron下Vuex的Dispatch沒有效果問題
這篇文章主要介紹了Vue+Electron下Vuex的Dispatch沒有效果的解決方案 ,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下
2019-05-05
Vue2.x 項目性能優(yōu)化之代碼優(yōu)化的實現(xiàn)
這篇文章主要介紹了Vue2.x 項目性能優(yōu)化之代碼優(yōu)化的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2021-03-03
基于ant-design-vue實現(xiàn)表格操作按鈕組件
這篇文章主要為大家介紹了基于ant-design-vue實現(xiàn)表格操作按鈕組件示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-06-06