https://www.ithome.me/tags/%E5%89%8D%E7%AB%AF%E6%9E%B6%E6%9E%84/ Recent content in 前端架构 on 编程心语 Hugo zh-CN Tue, 04 Aug 2026 14:59:27 +0800 https://www.ithome.me/post/2026/07/30/module-federation-practical-guide/ Thu, 30 Jul 2026 08:00:00 +0800 https://www.ithome.me/post/2026/07/30/module-federation-practical-guide/ <h2 id="为什么需要-module-federation">为什么需要 Module Federation？</h2> <p>传统微前端方案（iframe、路由分发、乾坤 qiankun）各有痛点：</p> <table> <thead> <tr> <th>方案</th> <th>缺点</th> </tr> </thead> <tbody> <tr> <td>iframe</td> <td>上下文隔离强但通信麻烦，SEO 不友好</td> </tr> <tr> <td>路由分发</td> <td>多应用需独立部署，体验割裂</td> </tr> <tr> <td>qiankun</td> <td>侵入性强，子应用改造成本高</td> </tr> </tbody> </table> <p><strong>Webpack 5 Module Federation</strong> 提供了一种全新的思路：在构建时定义共享模块，运行时动态加载远程代码，子应用和主应用共享同一个运行时，通信零成本。</p> https://www.ithome.me/post/2026/06/16/vue3-typescript-enterprise-architecture/ Tue, 16 Jun 2026 08:00:00 +0800 https://www.ithome.me/post/2026/06/16/vue3-typescript-enterprise-architecture/ <h2 id="前言">前言</h2> <p>在实际的前端项目开发中，很多团队在项目初期没有做好架构规划，导致代码耦合严重、维护成本急剧上升。本文将以 <strong>Vue 3 + TypeScript + Vite</strong> 技术栈为例，分享一套经过生产验证的企业级项目架构方案，涵盖目录规范、组合式API最佳实践、状态管理、自定义Hooks以及全局错误处理。</p>