作为公司内的一名高级前端码喽，大大小小也封装过了不少组件和功能，我逐渐意识到封装并非全是优点，也会存在一些不可忽视的潜在劣势。 在项目中，我们急切地对各种功能和 UI 进行封装，却在不经意间忽略

如何实现加载、共享远程模块，让我们一些学习、探索和实践Webpack Module Federation

前言 hello，我是成都的小孟兄。 本文尽量避免枯燥的说教，力图通过前端日常工作 + js写的代码，引出学习操作系统的知识点

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…

BFF（Backend-for-Frontend）中间层深入解析 本文将深入探讨 BFF（Backend-for-Frontend）中间层的概念、优势、实践方法和最佳实践，并提供一个使用 Node.j

Webpack可以将其理解是一种基于事件流的编程范例，一个插件合集。 而将这些插件控制在webapck事件流上的运行的就是webpack自己写的基础类Tapable。 将plugin控制在webapack事件流上运行（如下图）。后面我们将看到核心的对象 Compiler、Com…

本文利用eslint强大的功能，实现react和vue通用的一键国际化方案。看过很多其他的国际化方案的文章，感觉都不够简单方便，于是自己写了一个。

之前被问到webpack和vite在热更新方面有什么区别，当时并不知道具体细节，这两天研究了一下，因为在看webpack热更新过程中有些吃力，所以自己又去理解并整理了一下。

vite 热更新的主要作用是为了实现局部刷新的效果，这样之前操作的状态都能够保存 vite 热更新的基本实现方式如下 基于一套完整的 ESM HMR 规范，在文件发生改变时 vite 会检测到相应 E