直到今天，WebPack仍然是最稳定的前端包装构建工具。但是，在通常的业务开发中，我们很少与其内部原则接触。我们最多只能保持在常用的配置级别。对WebPack的整个工作没有清楚的了解。核心过程和思想。
WebPack内部使用可敲击。
大致这样
在上述过程中，WebPack将在特定时间点广播特定事件。在事件感兴趣的事件后，WebPack插件将执行特定的逻辑，并且插件可以调用WebPack提供的API以更改WebPack的操作结果
插头-in是一类（该类本质上是Funciton的语法糖果），并且每个插件必须以一种方法存在
从本质上讲，这是一个函数，该函数接受我们的源代码，这是参数加强的结果。
最后执行Debugger.js
您可以看到DIST目录，并且有两个文件：entry1.js和entry2.js。
entry1.js
执行entry1.js
您可以看到包装之后的结果正确，到目前为止，WebPack的一般过程已经完成！当然，这只是最简单的实现。WebPack比预期的要复杂得多，但是大致操作的原则和想法相似。
原始：https：//juejin.cn/post/7113471451478360071