更新Vue項目package.json文件方式
更新時間：2025年10月25日 09:57:12 作者：Qredsun
文章討論了由于歷史原因,一些已棄用的依賴沒有在package.json中移除,導(dǎo)致構(gòu)建時間過長的問題,解決方法是使用社區(qū)工具自動生成使用`nodegenerate-package.js`腳本,根據(jù)已安裝的依賴進行重建運行
背景
因為歷史原因，導(dǎo)致有些依賴已經(jīng)棄用，但沒有在package.json中移除，導(dǎo)致在進行構(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 顯示隱藏后寬度高度變小的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
vue3中項目優(yōu)化方法詳解(Web?Worker的使用)
最近在做vue3的項目中,遇到了計算量龐大導(dǎo)致頁面響應(yīng)緩慢的問題,所以下面這篇文章主要給大家介紹了關(guān)于vue3中項目優(yōu)化方法的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-07-07
vue實現(xiàn)壓縮圖片預(yù)覽并上傳功能（promise封裝）
這篇文章主要為大家詳細介紹了vue實現(xiàn)壓縮圖片預(yù)覽并上傳功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-01-01
Vue開發(fā)環(huán)境中修改端口號的實現(xiàn)方法
這篇文章主要介紹了Vue開發(fā)環(huán)境中修改端口號的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-08-08
這篇文章主要給大家匯總介紹了Vue中fragment.js使用方法的相關(guān)資料,需要的朋友可以參考下2020-02-02
本文主要介紹了 Vue 登錄功能實現(xiàn)，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下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沒有效果的解決方案 ,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-05-05
Vue2.x 項目性能優(yōu)化之代碼優(yōu)化的實現(xiàn)
這篇文章主要介紹了Vue2.x 項目性能優(yōu)化之代碼優(yōu)化的實現(xiàn),文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-03-03
基于ant-design-vue實現(xiàn)表格操作按鈕組件
這篇文章主要為大家介紹了基于ant-design-vue實現(xiàn)表格操作按鈕組件示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06