前端工程化知识点索引

核心篇

1. 构建工具原理 🔥
   • Webpack 核心概念与打包原理
   • Vite 原理与优势
   • Rollup/esbuild 对比
2. Babel 与 AST
   • Babel 编译流程
   • AST 操作与插件开发
   • Polyfill 策略

深入篇 🔥

3. 微前端架构 ⭐⭐
   • qiankun 沙箱原理
   • Module Federation
   • 应用间通信
4. WebAssembly ⭐
   • Wasm 基础与加载
   • 与 JavaScript 交互
   • 性能优化场景

实践篇 🔥

5. Monorepo 实践 ⭐
   • pnpm workspace
   • Turborepo
   • 依赖管理策略
6. CI/CD 流程 ⭐
   • GitHub Actions
   • 自动化测试与部署
   • Docker 容器化部署
7. 国际化方案
   • react-i18next 实践
   • Intl API 使用
   • 工程化与 CI 检查
8. 组件库方案 ⭐
   • 架构设计与构建配置
   • 样式方案与文档系统
   • 发布流程与 Tree-shaking
9. 错误收集与监控 ⭐
   • 错误捕获与性能监控
   • 用户行为追踪
   • Sentry 实践

代码示例

• webpack.config.js: Webpack 配置示例
• babel-plugin.js: 自定义 Babel 插件 ⭐