vite项目删除node_modules目录之后重新启动很慢

已于 2022-05-05 16:37:25 修改
阅读量890 收藏
点赞数
分类专栏： Vue3 文章标签： javascript 前端 css
于 2022-03-25 09:28:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xuefeng11111/article/details/123726869
版权

vite2.9版本之后已经解决了这个问题，所以下面的包也已经不再更新了

对于vite大家的共同认可的点就是快，可是当你依赖多的时候，并且删掉node_modules目录或者将项目发给别人重新启动的时候，就会发现vite的编译过程够慢

而为了解决这个问题，antfu大佬写了这个插件vite-plugin-optimize-persist就可以完美解决这个问题
https://github.com/antfu/vite-plugin-optimize-persist

不过需要注意的是，我们在第一次引入依赖的时候，依然会很慢，因为vite-plugin-optimize-persist这个插件也是先进行依赖的分析，然后将使用到的依赖路径注入到package.json中，然后才会在下一次项目启动的时候通过这些路径实现路径的快速确定

明天又会在哪里
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
如何快速完全删除node_modules
AIGC大前端小王子
12-13 4万+
本文章主要是为大家解决再npm指令性构建node_modules包文件数量太多，导致直接删除太慢，而整理的cmd指令。 1.安装npm包–rimraf npm install rimraf -g 2.在cmd指令下，进入所需删除的node_modules文件夹的位置，再输入指令 rimraf node_modules 3.简单粗暴得秒删完成 ...
vue-element-admin的node_modules文件
04-12
相信很多朋友从github上拉下vue-element-admin项目，但是在npm install第一步就出现了不易解决的问题，我当初也是遇到许多问题，也从百度上寻找各种解决办法；改node版本、ssh等各种方法也无济于事，最终我放弃了，我直接让朋友把node_modules的包发给我，再放置项目中即可运行了，目前未出现任何问题。
【Vue3】Vite打包发布错误若干问题解决方案，新手遇到的问题都在这里。
【敦厚的曹操】的专栏
02-22 7215
【Vue3】Vite打包发布错误若干问题解决方案，新手遇到的问题都在这里。
Vite的安装和Cli的卸载
最新发布
2302_77483191的博客
03-10 1790
菜鸟教程https://www.runoob.com/nodejs/nodejs-install-setup.html
vue3使用Vite打包报Rollup failed to resolve import “xxx/node_modules/ant-design-vue/xxxx
热门推荐
sxs7970的博客
12-02 1万+
vite打包报错 Rollup failed to resolve
vue项目 启动失败报错（实用的解决方法）
前端程序员、项目经理、人工智能博主
10-31 4899
第一种报错如下 解决办法： 直接项目目录下运行npm install webpack-dev-server -g 第二种常见报错如下 如果我们遇到像Error: Cannot find module '***'的报错 我们可以直接项目目录下npm install 报错提示的***去进行下载 示例报错如下： 解决办法: 讲解完毕 ...
Vue项目启动出现的问题及解决方法
Daisy_ls的博客
10-09 7349
Please make sure you have the correct access rights---------------------请确保您有正确的访问权限。and the repository exists.--------------------并且存储库已经存在。An unknown git error occurred---------------发生未知的git错误。code 128 -----------错误码128。
Vite 实现原理
weixin_38550182的博客
05-23 4611
Vite 实现原理 注：https://www.yuque.com/u1694620/danl0o/eg2xnx 了解 Vite 的核心实现原理 Vite 概念 • Vite 是一个面向现代浏览器的一个 更轻、更快的 Web 应用开发工具 • 它基于 ECMAScript 标准原生模块系统（ES Module）实现 • 它的出现是为了解决 webpack 在开发阶段，使用 webpack-dev-server 冷启动时间过长、webpack HMR 热更新响应慢的问题 • 使用 Vite 创建的项目，就是一
vue快速删除node_modules
dlx16160103024的博客
05-20 975
1.安装npm包-rimraf 2.cmd进入索要删除node_modules的项目中,在输入指令
前端历史项目的 Vite 迁移实践总结
前端开发博客
04-29 9002
关注公众号前端开发博客，领27本电子书回复加群，自助秒进前端群当前，前端社区用 Vite 替代 Webpack 的呼声正日趋高涨。但对于长期维护的业务项目，很多同学可能仍然对上车存有疑虑——Vite 真的足够支撑非玩具级的项目吗？为此本文会分享一个实际案例，介绍我们是如何（比较轻松地）在公司核心业务中落地 Vite 的。稿定 Web 端业务中的平面编辑器已经有五年以上的...
删除指定目录下的文件以及文件夹Unity
LCHUIHUI的博客
03-25 833
/// <summary> /// 删除指定目录下的文件以及文件夹 /// </summary> /// <param name="path"></param> public static void DeletePath(string path) { if (Directory.Exists(path)) { DirectoryInfo info = new DirectoryInfo(path); FileSy
jiaminghi/data-view dataV for vite2 vue3 windows补丁 for npm/yarn
03-20
官网直接安装的不支持vite2+vue3的 主要修复： 1.build或者dev项目时不报错，兼容vite2...2.将other_modules压缩包解压并覆盖到项目的node_modules文件夹下即可 调用方法，请参考官网文档http://datav.jiaminghi.com/
jiaminghi/data-view dataV for vite2 vue3 windows补丁 for pnpm
03-19
官网直接安装的不支持vite2+vue3的 主要修复： 1.build或者dev项目时不报错，兼容vite2...2.将other_modules压缩包解压并覆盖到项目的node_modules文件夹下即可 调用方法，请参考官网文档http://datav.jiaminghi.com/
vite-plugin-restart:自定义文件组重新启动Vite服务器
03-25
自定义文件/全局文件以重新启动Vite服务器 用法 安装 npm i vite-plugin-restart -D # yarn add vite-plugin-restart -D 将其添加到vite.config.js // vite.config.js import ViteRestart from 'vite-plugin-...
preact-vite-swr__discussions:与言行举止一起学习
05-11
由于我通常会在许多地方上传各种信息，所以我看到的很多东西似乎都是路过的。 老实说，尽管看不到所有内容，但我经常看到并记住标题。 其中，我想了解一下Preact，它说React可以用作轻量级版本。 当您进入，第一页...
vite打包报错 Rollup failed to resolve，原因是高版本找不到依赖/node_modules的里面的文件
qq_57583768的博客
10-27 3822
vite打包报错 Rollup failed to resolve，原因是高版本找不到依赖/node_modules的里面的文件
前端vue打包时遇到‘default‘ is not exported by node_modules/vue/dist/vue.runtime.esm-bundler.js, imported by
weixin_38225763的博客
09-23 7612
"module": "./es/index.mjs",如下图，之前的是"module": "./es/index.js"，文件类型改为mjs。主要原因是由于用到的组件进行npm i时默认使用的是vue2，不支持vue3，但是前端框架使用的是vue3，所以导致重构编码时会报错，
解决vite打包出现 “default“ is not exported by “node_modules/...问题
陈万洲的专栏
02-22 1306
在vite.config.ts配置中添加插件,注意commonjs()必须在上面,否则可能不生效。@rollup/plugin-commonjs可以将commonjs模块转换层es6模块。（3）将main.ts中的导入改为require。在前面加上expoert default。报错意思是导入的js文件没有默认导出。所以需要将导入改为require格式。vue3+ts+vite项目打包。为这个js文件添加一个默认导出。不太推荐这个方法，虽然比较简单。但只会对require生效。
vite 打包时校验node_modules并报错
weixin_44134588的博客
12-21 9755
使用vite 构建的项目在打包时会自动进行TS类型校验 其中vue-tsc是对vue3类型校验的一个工具 vue-tsc无法跳过对node_modules内部的文件校验, 在eslintignore中添加node_modules也不起作用 后来去vue-tsc的github社区中发现 作者给出了这样的一个解决方案,就是在package.json内 script里面的build中加入这样一行代码: –skipLibCheck "scripts": { "build": "vue-ts
Cannot find package 'esbuild' imported from D:\Vsc_workPlace\07期末项目\shopApp\shop\node_modules\.store\vite@4.3.9\node_modules\vite\dist\node\cli.js
06-02
这个错误提示是因为在你的项目中使用了 Vite 构建工具，但是缺少了 esbuild 模块。...如果问题仍然存在，你可以尝试删除 node_modules 文件夹，并重新安装依赖： ``` rm -rf node_modules npm install ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值