构建与转译总览
这一组文章解决的是“源码为什么能在浏览器跑起来”。
Babel：把新语法转换成目标环境可运行的代码Vite：现代前端开发服务器和构建工具Webpack：成熟的模块打包器，适合复杂定制场景
Babel
Babel 的核心价值不是“让代码变短”，而是把现代语法和新特性转换成目标运行环境能理解的代码。
Vite
Vite 适合现代前端项目的原因，不只是“快”，而是它把开发阶段和生产构建阶段拆得很清楚。
Webpack
Webpack 更像一个高度可编排的构建平台。它没有 Vite 那么轻，但在复杂项目、老项目和深度定制场景里依然很常见。
术语区分
转译：把一种更现代或上层的语法变成另一种语法打包：把模块依赖整理成浏览器或运行时可消费的产物构建：更大的流程，通常包含转译、打包、压缩、资源处理、产物输出