「万字解析」架构视角图文并茂讲述Webpack Loader原理，从基础配置过渡源码实现，最终手把手带你复刻企业级loader。从原理搞懂Webapck中loader是如何处理你的文件。

🚀最近为了夯实Vue，花了74天，把Vue3完完整整地过了一遍，受益匪浅！📚我将所有笔记整理成此文，共101张脑图，包括了Vue3.2最新的语法，欢迎阅读~

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

web worker实际使用 web worker的好处 相信大家都比较熟悉，比如： 为js创造多线程环境，一些 计算量大的 耗时的 任务，可以用web worker单独开线程去跑，不会影响到主线程的

一、什么是 HMR HMR 全称 Hot Module Replacement，中文语境通常翻译为模块热更新，它能够在保持页面状态的情况下动态替换资源模块，提供丝滑顺畅的 Web 页面开发体验。 HM

1、Tree Shaking 作用： 如果我们的项目中引入了 lodash 包，但是我只有了其中的一个方法。其他没有用到的方法是不是冗余的？此时 tree-shaking 就可以把没有用的那些东西剔除

webpack5推出一个新功能叫module federation,意为模块联邦，它提供了一套在不同项目构建之间模块的调度、运行机制。很像微前端，但又不限于此。本文结合案例介绍它的基本应用和原理

Webpack5 在 2020 年 10 月 10 日正式发布，并且在过去的几个月中快速演进和迭代，截止 1 月 28 日，Webpack5 已经更新了 18 个 minor 版本，带来了许多十分吸引人的新特性。据官网介绍，Webpack5 整体的方向性变化有以下几点： 最后的…

之前文章介绍了webpack的plugin插件是如何运行的，但是对于某个特定的插件具体如何执行的还是不太清楚，这篇文章从实例的角度来剖析html-webpack-plugin的执行流程，相信通过这篇文