Webpack
流行的JavaScript模块打包工具，支持代码分割、热模块替换等功能
时间轴 (近 90 天)
打包工具（如 Vite、Webpack）编译后的产物通常经过压缩、合并，类名与结构同源码差异很大。
external（外置依赖）是打包器（如 Webpack、esbuild、Vite）中的配置概念：被列入 external 的模块不会被打进产物，而是保留 require 或 import 语句，留待运行时从外部环境解析
JS混淆通过将变量名压缩为单字母、拆散拼接字符串、把属性访问改写成数组索引查找，使关键字在静态文件中消失
VS Code的扩展机制、Webpack的loader/plugin体系是插件化架构的典型案例
代码分割是现代前端构建工具（如 Webpack、Vite）的核心能力，将 JS 打包产物按路由或功能模块拆分为多个 chunk 按需加载
Webpack打包会将业务逻辑拆分成若干chunk模块，每个模块以数字ID索引
代码分割通过Webpack和Vite等构建工具的动态import()语法实现，可在运行时按需加载模块，降低首次加载时间
Angular CLI底层基于Webpack和esbuild构建
VS Code、Webpack、Chrome浏览器都采用了插件化架构，其技术实现通常依赖依赖注入、事件总线或微内核模式
全部知识事实 (12)
Pi AutoResearch 适用于构建优化（Webpack/Vite打包速度和体积）、测试优化、模型训练损失值优化、前端性能（Lighthouse评分等）等场景
85%待验证Vite是由Vue.js作者尤雨溪开发的新一代前端构建工具，相比传统Webpack构建速度提升10倍以上
75%待验证Vite 基于原生 ES 模块的开发服务器启动速度比 Webpack 快 10-100 倍
70%待验证打包工具（如 Vite、Webpack）编译后的产物通常经过压缩、合并，类名与结构同源码差异很大。
50%待验证external（外置依赖）是打包器（如 Webpack、esbuild、Vite）中的配置概念：被列入 external 的模块不会被打进产物，而是保留 require 或 import 语句，留待运行时从外部环境解析
50%待验证JS混淆通过将变量名压缩为单字母、拆散拼接字符串、把属性访问改写成数组索引查找，使关键字在静态文件中消失
50%待验证VS Code的扩展机制、Webpack的loader/plugin体系是插件化架构的典型案例
50%待验证代码分割是现代前端构建工具（如 Webpack、Vite）的核心能力，将 JS 打包产物按路由或功能模块拆分为多个 chunk 按需加载
50%待验证Webpack打包会将业务逻辑拆分成若干chunk模块，每个模块以数字ID索引
50%待验证代码分割通过Webpack和Vite等构建工具的动态import()语法实现，可在运行时按需加载模块，降低首次加载时间
50%待验证Angular CLI底层基于Webpack和esbuild构建
50%待验证VS Code、Webpack、Chrome浏览器都采用了插件化架构，其技术实现通常依赖依赖注入、事件总线或微内核模式
50%