解决Vue项目—node_modules文件夹越用越大的原因及其解决方式(模块瘦身完整版)
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
—2024年5月16日更新—
一、 前言
自己在做公司项目的时候,发现node.modules文件夹
占用很多内存,去网上搜索了一些解决办法,结合自己的实践,把这个方法再次更新整合一下。
二、 node_modules文件夹越用越大的原因
- 项目每次运行,都会在
node_modules文件夹
下的.cache文件夹
生成缓存文件(小的10几M,大的也会有几十M以上) node_modules文件夹
多与少取决于package.json
安装了多少依赖- 如果项目较大、经手人数较多,安装了很多的依赖,就会导致
node_modules文件夹
越来越大 - 你可以尝试卸载一些用不到的依赖,这样也能一定程度减少
node_modules文件夹
的占用大小
三、解决方案
- 用
VScode
打开需要处理的项目,打开控制台(快捷键Ctrl + ~
) - 在控制台按步骤执行以下命令
- 安全起见:建议操作前先备份一下~
// 1. 设置下载镜像为国内淘宝镜像,防止下载工具缓慢(已设置可以跳过)
npm config set registry https://registry.npm.taobao.org
// 2. 全局安装rimraf工具,初次使用只需安装一次即可(已安装可以跳过)
npm install rimraf -g
// 3. 使用rimraf工具删除node_modules文件夹(删除需等待片刻)
rimraf node_modules
// 4. 强制清除所有缓存(如果报错可尝试另一个指令npm cache vertify)
npm cache clean --force
// 5.重新安装node_modules文件夹
npm install
----------
// ps. 到这里整理缓存就结束了。你可以重新启动项目,检查是否能正常使用
npm run serve
// ps. 不同的项目启动方式可能有所不同,具体启动方式请到package.json的scripts中查看
四、最终效果
- 拿我自己的项目举例,执行之前
node_modules文件夹
占用空间317M
,执行命令后占用空间193M
- 理论上文件夹占用越大,瘦身效果应该越明显~
GitHub 加速计划 / vu / vue
207.52 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:1 个月前 )
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 3 个月前
e428d891
Updated Browser Compatibility reference. The previous currently returns HTTP 404. 3 个月前
更多推荐
已为社区贡献2条内容
所有评论(0)