vite下,修改node_modules源码后,在浏览器源码中看不到改动的内容

一、背景

vite下,修改node_modules源码后,在浏览器的源代码中看不到改动的内容,查看vite文档后发现了这么一段话:
在这里插入图片描述
对此我专门做了几次实验,来验证我的一些想法

二、实验的前置操作

  1. 执行vite dev
  2. 在浏览器打开调试页面,
  3. 定位到将要改动的源代码文件
  4. 修改node_modules源码和.vite/deps缓存的源码

为了保证不引导多余的变量,每次实验前都会将node_modle给删除重新安装

三、开始实验

操作1操作2浏览器中是否可以看到修改.vite/deps是否可以看到修改
修改源码直接刷新页面
执行vite dev后,刷新页面
执行vite dev --force后,刷新页面
执行vite dev --force后,刷新页面,再次修改代码,刷新页面
修改.vite/deps中源码直接刷新页面

四、结果分析

实验结果与vite官网所说的一致,也验证了我想象中的一些骚操作确实不可行

五、最后的挣扎

既然上诉操作都不可行,那我逆向思考一下,为什么我写的代码可行。这是因为我写的代码在watch的监听目录下,而node_module不在。那么问题就变成了:如何让我修改的源码包含在wath目录下,具体操作查看官网

操作后浏览器报错:
在这里插入图片描述
控制台报错
在这里插入图片描述

查到一些文档说配置bebel的compact为false,但设置后也没解决,若有碰到同样问题,期待您的指导

  • 4
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值