webpack相关知识点

1. webpack的作用是什么

   1. 模块打包：可以将不同模块的文件打包整合到一起，并且保证它们之间的引用正确、执行有序。
   2. 编辑兼容：提高开发效率。
   3. 能力扩展：Plugin机制，在实现模块化打包和编译兼容的基础上，可以进一步实现诸如按需加载，代码压缩等一系列功能。

2. 模块打包运行原理

   1. 读取webpack配置参数、启动webpack，创建Complier对象并开始解析项目。
   2. 从入口文件（entry）开始解析，并且找到其导入的依赖模块，递归遍历分析，形成依赖关系树。
   3. 对不同文件类型的依赖模块文件使用对应的Loader进行编译，最终转为Javascript文件。
   4. 整个过程中webpack会通过发布订阅者模式，向外抛出一些hooks，而webpack的插件即可通过监听这些关键的事件节点，执行插件任务进而达到干预输入结果的目的。

3. Loader负责文件转换、Plugin便是负责功能扩展。

   webpack源码主要是依赖于compiler和compilation两个核心对象实现。