很多初学者在刚接触 babel 的时候，通常会看到这样一个报错信息： 这个报错表面上是由于 async function 语法被 babel 转译之后的代码使用了 regeneratorRuntime

基本介绍 持久化缓存是 webpack5 所带来的非常强大的特性之一。一句话概括就是构建结果持久化缓存到本地的磁盘，二次构建(非 watch 模块)直接利用磁盘缓存的结果从而跳过构建过程当中的 res

因为公司屎山代码太多了，每次生产构建都要10几分钟。想想就绝望，改不动，真的改不动。如果能像开发环境一样只针对修改的代码增量构建就完美了。沿着这个思路去思考，决定采用通过缓存编译结果来提高构建速度。

弄清楚这几个包，Babel就差不多理解80%了。文章已经梳理好平时项目中Babel经常用到的几个包，带你一步步看懂Babel官网文档，解答官网中容易蒙圈的地方

Lerna 是一个用来管理monorepo项目的工具，允许使用两种模式来管理项目：固定模式(Fixed)或独立模式(Independent)，独立模式下如何优雅的发包？

packages 之间相互依赖，开发繁琐：开发人员需要在本地手动执行npm link。 需要单独发布每个 package：修改多个包中内容时，每个包都需要单独执行 npm publish。 issue 难以统一追踪、管理：因为其分散在独立的 repo 里，issue 需要从不同…

webpack中使用resolve字段来配置模块的相关解析策略。本质上是通过对resolve库的使用来解析引入模块路径，帮助 webpack 找到 bundle 中以require/import引入的

说到webpack的性能优化，其实就是从时间层面与体积层面入手。对于时间层面主要就是优化webpack的构建速度（缩短构建时间）。对于体积层面主要就是优化webpack的构建结果（缩小构建结果）

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