工程化与性能面试题

共 12 道题，按题目查阅参考答案、代码示例与官方资料。

• Tree shaking 如何工作？为什么有些代码无法移除？

  理解静态模块结构、使用关系和副作用分析。

• LCP、INP、CLS 分别衡量什么？

  从加载、交互和视觉稳定性衡量真实用户体验。

• 代码分割与懒加载适合哪些场景？

  平衡首屏下载量和后续交互时的等待。

• 为什么需要提交 lockfile？npm ci 和 npm install 有何区别？

  让本地开发与自动部署尽可能使用一致的依赖树。

• Vite 开发模式为什么启动快，生产环境为什么仍需要构建？

• webpack 的 entry、output、loader 和 plugin 分别负责什么？

• 为什么前端环境变量不能存放秘密？

• Monorepo 与 npm workspaces 能解决什么问题？

• 编译目标、polyfill 和浏览器兼容性是什么关系？

• Source Map 如何帮助定位压缩后代码的错误？

• package.json 的 exports 和 imports 分别解决什么问题？

• 语义化版本号能否保证升级一定安全？