带你了解更全面的 Monorepo，本文涵盖了 Monoreo 演进、优劣、踩坑、及全面的方案选型，后续计划补充最佳实践~

编译原理科普文，编译是什么，转译器、编译器、解释器的区别是啥，编译流程都做了什么，前端领域哪些地方用到编译技术。

提到打包工具，可能你会首先想到 webpack。 那没有 webpack 之前，都是怎么打包的呢？ webpack 都有哪些功能？为什么这么设计呢？ 这篇文章我们就来一起探究一下。 其实之前都不打包的

Q1:tapable解决的问题？tapable是个独立的库webpack中大量使用了这个库tapable主要是用来处理事件，解决的问题有点类似EventEmitter，不过功能更加强大Q2:tapab

我们的治理方向，就是围绕前向治理和后向治理。 数据先行，通过speed-measure-webpack-plugin采集性能指标，可以得到webpack在整个编译过程中在loader、plugin上花费的时间，基于该数据可以专项的进行优化和治理。 如果通过SMP分析得知在loa…

webpack的成功之处，不仅在于强大的打包构建能力，也在于它灵活的插件机制。 也许你了解过webpack的插件与钩子机制；但你或许不知道，webpack内部拥有超过180个钩子，这些钩子与模块（内置插件）之间的「创建」「注册」「调用」关系非常复杂。因此，掌握webpack内部…

webpack的运行分很多阶段，每个阶段都有一个钩子，我们可以在钩子上注册我们自定义的插件。 注册后，我们自定义的插件会在钩子运行阶段执行。 插件目的在于解决 loader 无法实现的其他事。 插件是 webpack 的 支柱 功能。 webpack 自身也是构建于插件系统之上…

前言中的“...都是 Tapable 的实例”改为“...都是 Tapable 的子类”。 修正并行写成串行的错误。 Webpack 本质上是一种事件流的机制，它的工作流程就是将各个插件串联起来，而实现这一切的核心就是 Tapable，Webpack 中最核心的负责编译的 Co…

基于node环境，js代码有了操作计算机文件的权限，因此，webpack就是一堆js代码，然后去折腾一堆文件。 webpck可以看成是一个工厂的流水线。 操作集中可以包含多个子操作，如 发酵 操作集中，有3个子操作，也就是说只有完成这3个子操作，才能结束发酵这个操作集，才能进入…