前言 最近在一个基于 Create React App 的项目中，我尝试编写一个自定义 Babel 插件来批量禁用 Button 组件。然而实践中遇到了一个奇怪的问题：使用 addBabelPlugin 会导致页面白屏卡死，而使用 addWebpackPlugin 却能正常工作。 这个问题引发了我对 Webpack 和 Babel 工作机制的深入思考。在分析问题之前，我们先来系统性地梳理几个核心概念，这样更有助于理解问题的本质。 一、编译时与运行时 这是前端工程化中最基础也最重要的概念边界。 1.1 概念定义 编译时 (Build Time) 运行时 (Runtime) ──────────────────────────────────────────────────────────── npm run build

情绪 最近看了pseudoyu的博客，突发奇想我的博客可以长期以这种周报的形式进行生活化记录。以前过于把博客工具化，只会收集一些负面的情绪和技术上遇到的问题，但事实上，文字可以拥有更多的记录方式，周报不是程式化日记，应该是一种对生活历程的回顾，毕竟我不希望自己在老了之后无法回忆起来自己25岁左右的《黄金时代》 最近有一点情绪处理上的长进是学会了将自己从受害者思维中解脱出来，以往面对人际关系上的冲突时，我会下意识的“原谅”自己，毕竟这是过去的成长经历告诉我面对未知问题的唯一解决方式。准确的说，过去面对冲突时，我往往会下意识的转向情绪脑去处理，而不是考虑客观可能存在的事实，比如说我不愿意去解决我的一些性格底色--对人类执行的具体事情毫不在乎。影响很深的一个场景是高中玩的很好的一个同桌形容我很擅长“事不关己高高挂起”（笑），我将这句话理解成我在大多数情况下比较冷漠。这个确实是事实，因此在职场在人

深入理解 Webpack 和 Babel 的工作机制，解析 addBabelPlugin 和 addWebpackPlugin 的区别

梳理 resolveProviderAuth()、raceWithAbortSignal() 和 InMemoryCredentialStore.enqueue() 之间的关系

pi-ai Provider 鉴权解析中的关键语义纠错