Chrome浏览器 本地js代码替换(Overrides)以及多场景出现 浏览器响应慢、卡顿等情况——问题解决

前言:作为一名前端开发者,chorme 的本地代码替换功能可以说非常收益的。例如:某一前端的线上版本出现问题了,如果不想跑本地代码调试,只是想先通过Chrome线上改代码的方式来定位问题并尝试修复可以说是非常方便。但是,当这个代码替换后,我们一般都需要刷新浏览器来使用本地代码。可是,如果这个替换后刷新浏览器一直处于js加载中(即浏览器页面加载完全时间非常长),就是一个非常恶劣的副作用了。

目前我就遇到了这个问题:当我对代码进行替换,并尝试刷新浏览器时,浏览器页面很长时间都处于加载中的状态中(页面项目比较大,js很多)。

于是今天抽空对这个问题进行排查,首先,就排除了网络问题,因为如果不进行代码替换,网络加载就是正常的,一替换代码就会变得非常卡顿。只有可能是浏览器问题,然后就考虑是否为浏览器缓存过多等原因,但当我清除浏览器缓存后,问题还是没有解决。于是我就想着是否可以增加浏览器的内存呢?于是开始了Google搜索。

问题解决:我知道很多人看文章,只会看解决的方法,所以,直接看拖到最后即可!!!!

很快,Google的一篇帮助文章就出现在我眼前,Chrome 省内存模式?我的问题是否与这个模式的开启有关呢

果然,一看发现是开启了省内存模式。再对这个模式进行关闭后,浏览器就不再卡顿了。

结论:如非必要,关闭Chrome的省内存模式,可能Chrome的省内存策略对部分场景适配有问题。我们关就完事了,咱的电脑又不是没这实力(内存足够,说话就是要硬气)!!!

config-overrides.js是一个用于定制webpack配置的文件。它使用了customize-cra库提供的override函数来修改webpack配置。在这个文件中,我们可以通过添加不同的webpack插件和loader来自定义项目的构建过程。\[1\]在这个文件中,我们可以使用addWebpackAlias函数来添加别名,使用resolve函数来解析路径。\[1\]另外,我们还可以使用addLessLoader函数来添加Less样式的loader,以及其他一些自定义配置。\[2\]此外,我们还可以使用fixBabelImports函数来按需引入antd组件,使用overrideDevServer函数来修改开发服务器的配置。\[3\]总之,config-overrides.js文件允许我们根据项目的需求来定制webpack配置,以满足特定的功能和性能要求。 #### 引用[.reference_title] - *1* *2* [react不使用eject的配置方法(config-overrides复现vue项目全部配置)](https://blog.csdn.net/qq_21567385/article/details/108383083)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [React脚手架config-overrides.js文件的配置](https://blog.csdn.net/m0_59962790/article/details/130034838)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值