为什么靠"自觉"跑 lint 会失败：用 Husky 在 pre-commit 自动触发检查，lint-staged 只对暂存文件检查，配合 eslint/prettier 实现"提交即格式化、带问题提交不进场"。

ESLint 查"代码问题"（潜在 bug、坏味道），Prettier 管"格式美观"，两者职责分离如何避免冲突；Stylelint 管 CSS；以及一套能落地的团队规范配置。

Babel 的定位（语法降级，不类型检查）与 preset 机制，TypeScript 的两种编译路径（tsc 做类型检查、esbuild/babel 只转译），以及"类型检查"与"转译"必须分离的工程常识。

Vite 为什么比 Webpack 快：开发期用浏览器原生 ESM + esbuild 预构建，免打包；生产期用 Rollup。讲清 dev server、依赖预构建、配置要点与"为什么现代项目几乎都选 Vite"。

Webpack 的核心概念：entry/output/loader/plugin，loader 如何把非 JS 资源转成模块，plugin 在生命周期钩子上扩展能力，以及拆包（code splitting）与常见优化配置。

打包器到底在做什么：从入口出发构建依赖图、转译、合并、拆分 chunk。理解 ESM/CJS 互操作、Tree-shaking 的前置条件、以及 source map 如何把压缩代码映射回源码。

npm / yarn / pnpm 的差异与选型，lockfile 为什么必须提交，语义化版本（^ ~ *）的陷阱，依赖类型 dependencies/devDependencies/peerDependencies 的正确划分。

前端工程化学习路线总览：从包管理、模块打包原理、Webpack/Vite、Babel/TS 编译，到代码规范、Git Hooks、CI/CD、产物优化、微前端与 Monorepo。以十年工程视角，讲清"写代码"到"稳定交付"之间那一整套机器。