🛠️ 前端工程化高频考题

共 23 道题目，涵盖 Webpack、Babel、Vite、CI/CD、Monorepo 等

📦 Webpack

构建速度、核心模块、loader/plugin 等

Q1.提高 Webpack 5 构建速度都有哪些方案？Q2.Webpack 5 源码核心模块有哪几个？分别是什么作用？Q3.如何保证各个 loader 按照预想方式工作？Q4.是否写过 loader？简单描述一下编写 loader 的思路？Q5.是否写过 plugin？简单描述一下编写 plugin 的思路？Q10.说一下 Webpack 的热更新（HMR）原理？Q16.Webpack SplitChunks 你是如何配置的？Q17.Webpack 文件监听原理是什么？

⚙️ 编译器

Babel、SWC 原理与对比

Q6.请详细描述 Babel 原理？Q7.请详细描述 SWC 原理？Q8.使用 swc-loader 比使用 babel-loader 的优势有哪些？

🔧 构建工具

Vite、Rollup、工具对比

Q9.Vite 的原理是什么？Q18.目前你所了解到的前端构建工具都有哪些？区别是什么？

📈 优化策略

Bundle 分析、Tree-shaking 等

Q11.如何对 bundle 体积进行监控和分析？Q19.Tree-shaking 原理是什么？

✅ 代码质量

Sonar、ESLint、安全扫描

Q12.你的项目工程化 Sonar 是如何配置的？Q13.以一个 Vue 项目为例，说一下 Sonar 的具体配置 Q15.node_modules 的包安全性问题如何解决？Q20.项目中 ESLint 这块你是如何配置的？怎么平衡团队抗拒情绪？

🚀 DevOps

CI/CD 流水线

Q14.你的项目 CI/CD 使用的是什么？

🛠️ 工程工具

脚手架、Monorepo

Q21.你有开发过自己的脚手架吗？解决了什么问题？Q23.目前 Monorepo 的方案有哪些？各自优缺点是什么？

🎯 综合理解

工程化全局视角

Q22.综合聊一下你对前端工程化的理解