Webpack Module Federation 特性（下面统称 mf）是 webpack 5 一个重要的亮点，本文着重介绍了基于 mf 特性在 module federation 机制下优雅实践。

原文链接 项目架构 公司项目分为以下几种架构： 主项目-扩展项目：扩展项目前端独立，是以 npm 包的形式安装到主项目，后端可以独立编译，但不能独立运行，即后端与主项目共用一套，主项目需要对扩展项目编

webapck5 module federation 简单的方式实现强大微前端架构！跨应用跨技术栈实现共享资源不再是难事！

1. 代码中写死需要操作内容，再进行代码调试 2. 通过额外代码实现刷新前保存，刷新后读取 3. HMR——模块热替换（页面不刷新的前提下，模块也可以及时更新）

周五了，何不给自己加个餐呢，想着第二天不用上班了，就感觉要起飞有木有，所以写篇文章再下班吧。 一个关于前端日志打印的库。 npm地址 如何用webpack打包公共类库，兼容不同环境，不同场景。 日常的日志调试是个很基础的东西，console.log也是我们每天都经常使用的东西，…

自动刷新 （知道就行。 webpack-dev-server 有这功能） 一个js文件打包成一个函数，文件多了打包后的函数也会多。使用 Scope Hosting 合并、减少打包后的函数

最近对公司的一个 PC 站点做了一次整体的性能优化，由于这个系统业务复杂、依赖非常多，加载速度非常慢，优化后各个性能指标都有了显著提升，大约加载速度快了 5 倍左右。 我在 构建、网络、资源加载、运行时、服务端、功能组织等多个方面都进行了优化，准备做一个系列，分章节给大家分享下…

loader 可以理解为 webpack 的编译器，用于对模块的源代码进行转换。它使得 webpack 可以处理一些非 JS 文件，如 png、css、json

为方便初学者快速上手，暂时抛开那些晦涩的概念，直接跟着笔者写一个 webpack 插件，来感受一下吧。笔者这里的代码是基于 webpack 5.x 版本写的，跟 4.x 版本有一定差异。这是一篇入门文，如果已经有基础，就不需要看此文了。 我们假设这样一个场景：发布静态资源之后，…