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

用5个例子，带你入门 Webpack5 模块联邦 Module Federation 的真实使用场景，包括实现动态添加Tab、动态导航路由、共享Common控件等需求，在原有项目里添加自定制业务功能。

用5个例子，带你入门 Webpack5 模块联邦 Module Federation 的真实使用场景，包括实现动态添加Tab、动态导航路由、共享Common控件等需求，在原有项目里添加自定制业务功能。

前言 React是当前最流行的前端开发框架之一，React可以使前端开发更加便利，有着组件化，虚拟dom，高性能，单向数据流，生态系统丰富等优势。因此应运而生的react脚手架也有很多，一些官方推荐的

webpack 作为目前最流行的构建工具，几乎成为了前端开发中必备的工具之一，如果想前端进阶的话，懂得 webpack 配置也是必不可少的一部分。然而，也是由于 webpack 的配置多样化，导致劝退

使用webpack5从0到1创建一个react脚手架, 并总结一些webpack5的新特性，适合初学者上手尝试。

首先我们先回顾一下webpack常见配置，因为后面会用到，所以简单介绍一下。 这里面我们重点关注 module和plugins属性，因为今天的重点是编写loader和plugin，需要配置这两个属性。 通过逐层识别模块依赖。（Commonjs、amd或者es6的import，w…

通常，js代码出错，控制台会提示第几行第几列代码出错。但是webpack打包压缩后的代码，都被压缩到了一行，变量也变成了a,b,c,d。代码出错，控制台就没法正确的提示错误位置。 sourceMap就可以解决这个问题。sourceMap就是一个信息文件，里面储存着打包前的位置信…

比如有一个txt文件，我们想通过raw-loader来获取整个txt文件里面的字符串内容。除了使用统一webpack config配置的方式之外，我们还可以在引入的时候，用这样的语法来引入： 其实使用webpack.config文件统一配置loader后，最终也是会转成这种方式…