现代前端的工具链：npm + Vite + 构建产物（从 npm install 到 dist 目录）
上一篇讲了 ES Modules 和模块化。源码能 import 了，但浏览器还是不能直接跑 .ts / .vue / .jsx / Sass——这一篇讲前端工具链。覆盖：为什么需要构建工具 / npm 是什么 / package.json 核心结构 / 用 npm install 安装依赖 / npm run 脚本的本质 / 构建工具演化（Grunt → Gulp → webpack → Vite）/ Vite 上手 / 源码 vs dist 构建产物 / 用 Git 管理现代前端项目。