个人理解：每个公司每个团队所掌握的擅长的技术栈不同，所做的业务不同，因此要形成一套成体系规范化的开发流程，从构建工具、开发语言、框架选型、版本管理，到部署迭代，目的在于规范开发流程，提高开发效率，减少项目出错，确保项目稳定运行及后续迭代。 参考：
https://segmentfault.com/a/1190000046908475
工程化
构建工具
- WebPack：将应用中的各种资源（JS、CSS、图片、字体等）都看作模块，然后将它们打包成一个或多个最终文件。同时提供开发模式下的热更新（HMR），加速开发过程，但是 Webpack 的配置文件通常比较复杂，学习成本高。
- Vite：现代化的构建工具，设计理念是快速开发和高效的构建，它的核心优势是采用了原生 ES 模块（ESM）作为开发模式，并且利用浏览器对 ESM 的支持，来避免传统打包工具中常见的冗长的打包时间。同时支持局部热更新，不需要全局重载，更新速度比 Webpack 更加快速和精确。
- Rspack
基于 Rust 的打包工具，Rspack
包管理工具
- npm（node package manager），Node.js 的默认包管理器，
package-lock.json文件确保了不同环境中依赖的一致性。- Yarn，Facebook 提供的一个 JavaScript 包管理工具，Yarn 通过缓存和并行化安装等方式，Yarn 的安装速度通常比 npm 更快。
- pnpm，更高效的 JavaScript 包管理工具，旨在解决 npm 和 Yarn 在处理大量依赖时的性能瓶颈问题。通过硬链接和全局缓存，pnpm 极大地减少了磁盘占用，尤其是在多个项目共享相同依赖的情况下。安装依赖时，不会为每个项目创建独立的依赖副本，而是通过共享缓存来节省空间。
- cnpm：淘宝镜像，解决国内访问的问题
模块化
代码规范
- ESLint：静态代码分析，强制统一编码风格。
- Prettier：自动格式化代码，解决团队风格冲突。
版本管理
集成 Git Hooks 工具如 Husky 和 Lint-Staged