前端开发学习笔记
记录最近在前端工程化方面的一些学习与实践经验。
一、构建工具的选择
Vite 与 Webpack 仍是目前两种主流构建工具。Vite 基于原生 ES Module，开发期启动速度极快；Webpack 生态更成熟，适合大型项目和复杂构建需求。
近期项目实践下来，中小型应用直接选 Vite 即可，启动时间从 30s 缩到 2s 以内，HMR 响应也更快。
二、TypeScript 在团队中的落地
引入 TS 后，最直观的好处是 IDE 跳转、补全和重构变得可靠。但要让团队顺利推进，几个关键点：
- 严格度循序渐进：先开
strict: false，过渡期允许 any，逐步收紧 - 类型定义集中放置：避免散落到各处，方便复用
- 避免过度类型化：业务代码不必每个 prop 都精确建模
三、组件库选型经验
最近评估了 Element Plus / Ant Design Vue / Naive UI 三套方案：
- Element Plus：组件最全，文档清晰，社区活跃
- Ant Design Vue：设计语言统一，企业级应用首选
- Naive UI：开箱即用的暗黑模式，TypeScript 完整支持
不同业务场景适配的组件库不一样，建议先做小范围 demo 验证。
四、性能优化清单
整理一份常用的前端性能优化项：
- 代码分割（路由懒加载 / 动态 import）
- 图片优化（WebP、懒加载、CDN）
- 缓存策略（HTTP 缓存、Service Worker）
- 减少首屏 JS 体积（Tree Shaking、Polyfill 按需加载）
小结
工程化没有银弹，需要根据项目实际情况选择合适的工具与方案。持续学习，持续记录。
