IDuxFE

本文只涉及到 module-federation 微前端方案的设计层面分享，关于具体实现，可以参考写的简单例子；所有的设计图自取，如果对你有一些启发，欢迎点赞围观~

本文主要讲开发人员在编码阶段用Cypress编写前端测试，做到测试左移。 Cypress是一个重前端的测试框架，可以对前端页面、前端组件进行简单可靠的测试，带给开发人员轻松愉快的测试体验。

我们知道，首次执行 vite 时，服务启动后会对 node_modules 模块和配置 optimizeDeps 的目标进行预构建。本节我们就去探索预构建的流程。欢迎感兴趣的小伙伴来围观~

上一小节我们了解了从敲入 vite 命令到最后服务运行起来的详细过程。本节开始我们从流程中选一些核心流程细细品味，首先看入口配置（即 resolveConfig 函数）的逻辑。刚兴趣的小伙伴快来围观~

2022年7月1号，Vue正式发布了2.7版本 。同时，也宣告了Vue 2 将在 2023 年底彻底结束生命周期，此举也是为了照顾部分`Vue2`用户无法升级版本，但又想体验`Vue3`新特性的情况。

上一小节我们知道了 vite dev 时通过 resolveConfig 去获取并合并配置等内容，本篇文章将带大家了解vite中ModuleGraph相关内容，欢迎小伙伴们来围观~

Web components的一个重要属性是可以将标记结构、样式和行为隐藏起来，与页面相隔离，可使代码更加整洁。其中Shadow DOM接口是关键所在，它可以将一个隐藏且独立的DOM附加到一个元素上。

Vite作为我们目前的前端开发与构建工具，我们对它了解多少呢？接下来让我们跟着作者从敲下vite命令后，Vite 做了哪些事开始解密Vite吧~感兴趣的小伙伴欢迎来围观~

作为前端，我们经常有听到 TDD、写单测等等，那么跟UI强关联的组件的测试应该怎么做？ 本文使用 Cypress 框架，通过一个组件示例进行实践，尝试把 TDD 在前端落地。欢迎感兴趣的小伙伴围观~